-
-
Save ehzawad/67aa8855011169de1769 to your computer and use it in GitHub Desktop.
FAST Browserify + Reactify + Babelify
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Update: Hey Folks - I've got a full Gulpfile with everything else over at https://github.com/wesbos/React-For-Beginners-Starter-Files | |
var source = require('vinyl-source-stream'); | |
var gulp = require('gulp'); | |
var gutil = require('gulp-util'); | |
var browserify = require('browserify'); | |
var reactify = require('reactify'); | |
var babelify = require('babelify'); | |
var watchify = require('watchify'); | |
var notify = require('gulp-notify'); | |
function handleErrors() { | |
var args = Array.prototype.slice.call(arguments); | |
notify.onError({ | |
title: 'Compile Error', | |
message: '<%= error.message %>' | |
}).apply(this, args); | |
this.emit('end'); // Keep gulp from hanging on this task | |
} | |
function buildScript(file, watch) { | |
var props = { | |
entries: ['./scripts/' + file], | |
debug : true, | |
transform: [babelify, reactify] | |
}; | |
// watchify() if watch requested, otherwise run browserify() once | |
var bundler = watch ? watchify(browserify(props)) : browserify(props); | |
function rebundle() { | |
var stream = bundler.bundle(); | |
return stream | |
.on('error', handleErrors) | |
.pipe(source(file)) | |
.pipe(gulp.dest('./build/')); | |
} | |
// listen for an update and run rebundle | |
bundler.on('update', function() { | |
rebundle(); | |
gutil.log('Rebundle...'); | |
}); | |
// run it once the first time buildScript is called | |
return rebundle(); | |
} | |
// run once | |
gulp.task('scripts', function() { | |
return buildScript('app.js', false); | |
}); | |
// run 'scripts' task first, then watch for future changes | |
gulp.task('default', ['scripts'], function() { | |
return buildScript('app.js', true); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment