gulpfile.js

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var watchify = require('watchify');
var source = require('vinyl-source-stream');
var notify = require('gulp-notify');
var nodemon = require('gulp-nodemon');
var less = require('gulp-less');
var path = require('path');


function handleErrors() {
  var args = Array.prototype.slice.call(arguments);
  notify.onError({
    title : 'Compile Error',
    message : '<%= error.message %>'
  }).apply(this, args);
  //console.log('Compile error: ', args);
  this.emit('end'); //keeps gulp from hanging on this task
}

function buildScript(file, watch) {
  var props = {
    entries : ['./components/' + file],
    debug : true,
    transform : babelify.configure({
                presets: ["react", "es2015"]
                })
  };

  //watchify if watch set to true. otherwise browserify once
  var bundler = watch ? watchify(browserify(props)) : browserify(props);

  function rebundle(){
    var stream = bundler.bundle();
    return stream
      .on('error', handleErrors)
      .pipe(source('bundle.js'))
      .pipe(gulp.dest('./build/'));
  }

  bundler.on('update', function() {
    var updateStart = Date.now();
    rebundle();
    console.log('Updated!', (Date.now() - updateStart) + 'ms');
  });

  // run it once the first time buildScript is called
  return rebundle();
}

// run once
gulp.task('scripts', function() {
  return buildScript('App.js', false);
});

// Get our Css
// gulp.task('less', function() {
//   return gulp.src('/node_modules/bootstrap/less/*.less')
//     .pipe(less({
//       paths: [ path.join(__dirname, 'less', 'includes') ]
//     }))
//     .pipe(gulp.dest('./build/'));
// });
gulp.task('less', function() {
  return gulp.src('node_modules/bootstrap/less/bootstrap.less')
    .pipe(less())
    .pipe(gulp.dest('./build/'));
});

// run nodemon
gulp.task('start', function() {
  nodemon({
    script: 'server/server.js',
    ignore: ['newgulpfile.js'],
    ext: 'js html',
    env: {'NODE_ENV': 'development'}
  });
});

// run 'scripts' task first, then watch for future changes
gulp.task('default', ['scripts', 'less', 'start'], function() {
  return buildScript('App.js', true);
});