gulpfile.js

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');
var gulpLoadPlugins = require('gulp-load-plugins');
var webpack = require('webpack-stream');

var $ = gulpLoadPlugins();

gulp.task('webpack', function() {

    var is_production = true;

    var uglify_options = { compress: { drop_console: is_production ? true : false } };

    return gulp.src('./index.js')
        .pipe( webpack( require('./webpack.config.js') ) )
        .pipe($.if('*.js', $.sourcemaps.init()))
        .pipe($.if('*.js', $.uglify( uglify_options )))
        .pipe($.if('*.js', $.sourcemaps.write('.')))
        .pipe(gulp.dest('dist/'));
});

gulp.task('scss', function() {
    return gulp.src('./styles.scss/**/*.scss')
        .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
        .pipe(gulp.dest('./css'));
});

gulp.task('scss:watch', function() {
    gulp.watch('./styles.scss/**/*.scss', ['scss']);
});