Skip to content

Instantly share code, notes, and snippets.

@SanthoshVijayabaskar
Created January 5, 2017 20:44
Show Gist options
  • Save SanthoshVijayabaskar/c12f9a3b725ca984303cddb1df25afc9 to your computer and use it in GitHub Desktop.
Save SanthoshVijayabaskar/c12f9a3b725ca984303cddb1df25afc9 to your computer and use it in GitHub Desktop.
This is a sample Gulpfile for React Training
var gulp = require('gulp'); //importing the gulp package
var browserify = require('browserify'); //module load-order management using 'require'
var babelify = require('babelify');//importing babel support for transforming JSX to HTML
var source = require('vinyl-source-stream'); // converts the readable file from browserify to vinyl stream - virtual file format which gulp requires
gulp.task('build', function () {
return browserify({entries: './app.jsx', extensions: ['.jsx'], debug: true})
.transform('babelify', {presets: ['es2015', 'react']})
.bundle()
.pipe(source('bundle.js'))
.pipe(gulp.dest('dist'));
});
gulp.task('watch', ['build'], function () {
gulp.watch('*.jsx', ['build']);
});
gulp.task('default', ['watch']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment