gulpfile.js

var gulp = require('gulp');
var gutil = require('gulp-util');
var plumber = require('gulp-plumber');
var liveReload = require('gulp-livereload');
var uglify = require('gulp-uglify');
var cond = require('gulp-cond');

var source = require('vinyl-source-stream');
var browserify = require('browserify');

var gbro = require('gulp-browserify');
var reactify = require('reactify');
var envify = require('envify');


var rename = require('gulp-rename');
var less = require('gulp-less');

var log = console.log;

function errHandler(err){
    gutil.beep();
    log('err reported by: ', err.plugin);
    log('\tfile:  ', err.fileName);
    log('\tline:  ', err.lineNumber);
    log('\tstack: ', err.stack);
    log('*************************');
    log(err);
}

var productTasks = [undefined, 'default'];
var proEnv = false;

var bundleTask;
bundleTask = 'bundle-gulp-browserify';

var taskName = (process.argv[0] === 'node')? process.argv[2] : process.argv[1];
if( productTasks.indexOf(taskName) >= 0 ){
    proEnv = true;
}



gulp.task('bundle-gulp-browserify', function(){
    gulp.src('./assets/lib/app.js')
        .pipe(plumber({errorHandler: errHandler}))
        .pipe(gbro({
            transform: [reactify, envify],
            debug: !proEnv
        }))
        .pipe(rename('bundle.js'))
        .pipe(gulp.dest('./assets/lib'));

    // gulp.src('./assets/lib/demoModule/login.js')
    //     .pipe(plumber({errorHandler: errHandler}))
    //     .pipe(gbro({
    //         // transform: [reactify, envify],
    //         debug: !proEnv
    //     }))
    //     .pipe(rename('loginModule.js'))
    //     .pipe(gulp.dest('./assets/lib'));
});

gulp.task('less', function(){
    gulp.src('assets/layout/less/layout.less')
        .pipe(plumber({errorHandler: errHandler}))
        .pipe(less({dumpLineNumbers: 'comments'}))
        .pipe(gulp.dest('assets/layout/css'));
});

gulp.task('watch', function(){
    // gulp-livereload module updated... 
    liveReload.listen();

    var file2w = ['./assets/lib/**/*.js', '!./assets/lib/bundle.js'];
    gulp.watch(file2w, [bundleTask]);
    
    gulp.watch('assets/layout/less/**/*.less', ['less']);
    
    var file2r = ['./views/**/*.jade', './assets/lib/bundle.js', './assets/layout/**/*.css'];
    gulp.watch(file2r, liveReload.changed);
});

gulp.task('default', [ bundleTask, 'less' ]);

gulp.task('wd', [bundleTask, 'less', 'watch']);