gulpfile.js

var gulp = require('gulp');
var connect = require('gulp-connect')
var sass = require('gulp-sass');
var watch = require('gulp-watch');
var rename = require('gulp-rename');
var minifyCSS = require('gulp-minify-css');
var runSquence = require('run-sequence');
var clean = require('gulp-clean');
var webpack = require('webpack');
var webpackConfig = require('./webpackConfig.js');

gulp.task('webpack', function(callback) {
    webpack(webpackConfig, function(err, status) {
        console.log(status.toString())
        callback();
    });
});

gulp.task('sass', function () {
    return gulp.src('./src/*.scss')
        .pipe(sass.sync().on('error', sass.logError))
        .pipe(minifyCSS())
        .pipe(rename(function(path) {
            path.basename += '-min';
        }))
        .pipe(gulp.dest('dist'));
});

gulp.task('clean', function () {
    return gulp.src('./dist', {read: false})
        .pipe(clean({force: true}));
});

gulp.task('copy', function () {
    return gulp.src(['./src/manifest.json', './assets/icon-128.png', './assets/icon-48.png'])
        .pipe(gulp.dest('dist'));
});

gulp.task('watch', function () {
    watch('./src/*.scss', function () {
        runSquence('sass');
    });
    watch('./src/**/*.js', function () {
        runSquence('webpack');
    });
})


/**
 *  defalut task
 */
gulp.task('default', function (callback) {
    runSquence('clean', 'copy', 'sass', 'webpack', callback);
});

gulp.task('webserver',function() {
    connect.server({
       livereload: true,
       port: 2333
    })
})


/**
 *  develop task
 */
gulp.task('dev', function () {
    runSquence('default', ['webserver', 'watch']);
})