gulpfile.js

var path = require( 'path' );
var gulp = require( 'gulp' );
var gutil = require( 'gulp-util' );
var webpack = require( 'webpack' );
var gulpWebpack = require( 'gulp-webpack' );
var WebpackDevServer = require( 'webpack-dev-server' );
// var stylus = require( 'gulp-stylus' );
var clean = require( 'gulp-clean' );
var runSequence = require( 'run-sequence' );
// var imagemin = require( 'gulp-imagemin' );
// var shipitCaptain = require('shipit-captain');

function handleError( task ) {
    return function ( err ) {
        this.emit( 'end' );
        gutil.log( 'Error handler for', task, err.toString() );
    };
}

// The development server (the recommended option for development)
gulp.task( 'default', [ 'webpack-dev-server' ] );

gulp.task( 'webpack-dev-server', function ( callback ) {
    var config = Object.create( require( './webpack.dev.js' ) );

    // Start a webpack-dev-server
    new WebpackDevServer( webpack( config ), {
        contentBase: path.join( __dirname, 'src' ),
        publicPath: config.output.publicPath,
        hot: true,
        historyApiFallback: true,
        stats: {
            colors: true
        }
    } ).listen( 8080, '0.0.0.0', function ( err ) {
            if ( err ) {
                throw new gutil.PluginError( 'webpack-dev-server', err );
            }
            gutil.log( '[webpack-dev-server]', 'http://10.0.0.119:8080' );
            callback();
        } );

    //setup stylus watcher
    //gulp.watch( [ 'src/assets/stylus/*.styl', 'src/assets/stylus/**/*.styl' ], [ 'stylus:compile' ] );
} );

// gulp.task( 'stylus:compile', function () {
//     return gulp.src( './src/assets/stylus/main.styl' )
//         .pipe( stylus().on( 'error', handleError( 'stylus:compile' ) ) )
//         .pipe( gulp.dest( './src/assets' ) );
// } );

gulp.task( 'clean:build', function () {
    return gulp.src( 'build/*', { read: false } )
        .pipe( clean() );
} );

// gulp.task( 'build:image:min', function () {
//     return gulp.src( './build/bundle/*.jpg' )
//         .pipe( imagemin( {
//             progressive: true,
//             svgoPlugins: [ { removeViewBox: false } ]
//         } ) )
//         .pipe( gulp.dest( 'build/bundle' ) );
// } );

// gulp.task( 'build:cp:index', function () {
//     return gulp.src( [
//         './src/index.html',
//         './src/favicon.png',
//         './src/assets/img/logo.jpg'
//     ] )
//         .pipe( gulp.dest( 'build/' ) );
// } );

gulp.task( 'build:webpack', function () {
    return gulp.src( 'src/app/app.js' )
        .pipe( gulpWebpack( require( './webpack.prod.js' ), webpack ) )
        .pipe( gulp.dest( 'build/bundle/' ) );
} );


gulp.task( 'build', function ( cb ) {
    runSequence(
        'clean:build',
        //[ 'stylus:compile', 'build:cp:index' ],
        'build:webpack',
        //'build:image:min',
        cb
    );
} );

// gulp.task( 'deploy', [ 'build' ], function ( cb ) {
//     var options = {
//         init: require( './deploy/shipit' ).init,
//         run: 'deploy-local',
//         targetEnv: 'production',
//         confirm: false
//     };

//     shipitCaptain( require( './deploy/shipit' ).config, options, cb  );
// } );