Gulp & Watchify

Author: Emmanouil Konstantinidis

gulpfile.js

@@ -1,19 +1,18 @@
-var browserify = require('browserify');
+var assign = require('lodash.assign');
 var babelify = require('babelify');
+var browserify = require('browserify');
+var buffer = require('vinyl-buffer');
 var gulp = require('gulp');
 var gutil = require('gulp-util');
 var sass = require('gulp-sass');
 var source = require('vinyl-source-stream');
+var uglify = require('gulp-uglify');
 var watchify = require('watchify');
 
 var options = {
   browserifyOpts: {
-    entries: ['./src/js/app.js'],
-    debug: true,
-
-    cache: {},
-    packageCache: {},
-    fullPaths: true
+    entries: './src/js/app.js',
+    debug: true
   },
   jsDest: 'dist/js'
 };
@@ -25,24 +24,29 @@ gulp.task('build:js', function () {
     .transform(babelify)
     .bundle()
     .pipe(source('app.js'))
+    .pipe(buffer())
+    .pipe(uglify())
     .pipe(gulp.dest(options.jsDest));
 });
 
 gulp.task('watch:js', function () {
-  var watcher = bundler
-    .plugin(watchify, {ignoreWatch: ['**/node_modules/**']})
-    .transform(babelify);
+  var watcherOpts = assign({}, watchify.args, options.browserifyOpts);
+  var watcher = watchify(browserify(watcherOpts)).transform(babelify);
 
   function bundle() {
-    return watcher.bundle()
+    return watcher
+      .bundle()
       // log errors if they happen
       .on('error', gutil.log.bind(gutil, 'Browserify Error'))
       .pipe(source('app.js'))
+      .pipe(buffer())
       .pipe(gulp.dest(options.jsDest));
-  };
+  }
 
   watcher.on('update', bundle); // on any dep update, runs the bundler
   watcher.on('log', gutil.log); // output build logs to terminal
+
+  return bundle();
 });
 
 gulp.task('build:scss', function () {

package.json

@@ -89,17 +89,20 @@
     "eslint": "=2.9.0",
     "eslint-plugin-react": "=5.1.1",
     "gulp": "=3.9.1",
-    "gulp-sass": "^2.3.1",
-    "gulp-util": "^3.0.7",
+    "gulp-sass": "=2.3.1",
+    "gulp-uglify": "=1.5.3",
+    "gulp-util": "=3.0.7",
     "istanbul": "=1.0.0-alpha.2",
     "jsdom": "=9.0.0",
+    "lodash.assign": "=4.0.9",
     "mocha": "=2.4.5",
     "nock": "=8.0.0",
     "redux-mock-store": "=1.0.2",
     "sass-lint": "=1.7.0",
     "sinon": "=1.17.4",
     "sinon-chai": "=2.8.0",
-    "vinyl-source-stream": "^1.1.0",
-    "watchify": "^3.7.0"
+    "vinyl-buffer": "=1.0.0",
+    "vinyl-source-stream": "=1.1.0",
+    "watchify": "=3.7.0"
   }
 }