tooling - part 4

Author: StephenGrider

thumbnail-gulp/gulpfile.js

@@ -1,10 +1,29 @@
 var gulp = require('gulp');
-var react = require('gulp-react');
-var concat = require('gulp-concat');
+var gutil = require('gulp-util');
+var source = require('vinyl-source-stream');
+var browserify = require('browserify');
+var watchify = require('watchify');
+var reactify = require('reactify');
 
 gulp.task('default', function() {
-  return gulp.src('src/**')
-    .pipe(react())
-    .pipe(concat('application.js'))
-    .pipe(gulp.dest('./'));
+  var bundler = watchify(browserify({
+    entries: ['./src/app.jsx'],
+    transform: [reactify],
+    extensions: ['.jsx'],
+    debug: true,
+    cache: {},
+    packageCache: {},
+    fullPaths: true
+  }));
+
+  function build(file) {
+    if (file) gutil.log('Recompiling ' + file);
+    return bundler
+      .bundle()
+      .on('error', gutil.log.bind(gutil, 'Browserify Error'))
+      .pipe(source('main.js'))
+      .pipe(gulp.dest('./'));
+  };
+  build();
+  bundler.on('update', build);
 });

thumbnail-gulp/main.js

@@ -8,10 +8,15 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "browserify": "^9.0.3",
     "gulp": "^3.8.11",
     "gulp-concat": "^2.5.2",
     "gulp-react": "^3.0.1",
-    "react": "^0.13.1"
+    "gulp-util": "^3.0.4",
+    "react": "^0.13.1",
+    "reactify": "^1.1.0",
+    "vinyl-source-stream": "^1.1.0",
+    "watchify": "^2.4.0"
   },
   "devDependencies": {}
 }