A file of gulp tasks for React

gulpfile.js

const gulp = require('gulp');
const browserify = require('browserify');
const babelify = require('babelify');
const source = require('vinyl-source-stream');
const uglify = require('gulp-uglify');
const streamify = require('gulp-streamify');

gulp.task('build:debug', () => {
  return browserify({ entries: 'js/app.js', debug: true })
    .transform('babelify', { presets: ['es2015', 'react'] })
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('dist'));
});

gulp.task('build', () => {
  process.env.NODE_ENV = 'production';

  return browserify({ entries: 'js/app.js', debug: false })
    .transform('babelify', { presets: ['es2015', 'react'] })
    .bundle()
    .pipe(source('bundle.min.js'))
    .pipe(streamify(uglify()))
    .pipe(gulp.dest('dist'));
});

gulp.task('watch', ['build:debug'], () => {
  gulp.watch('js/**', ['build:debug']);
});