gulpfile.js

const gulp = require('gulp');
const babelify = require('babelify');
const watchify = require('watchify');
const fs = require('fs');
const browserify = require('browserify');
const rename = require('gulp-rename');
const uglify = require('gulp-uglify');
const path = require('path');
const babelrc = JSON.parse(fs.readFileSync('./.babelrc'));
const configureSvgIcon = require('react-svg-icon-generator').default;

function swallowError(error) {
  console.log(error.stack); // eslint-disable-line
  this.emit('end');
}

function build() {
  return browserify('./app/react/main.js')
    .transform(babelify.configure(babelrc))
    .bundle()
    .on('error', swallowError)
    .pipe(fs.createWriteStream('./public/react_assets/react.js'));
}

function watch() {
  const b = browserify({
    entries: ['./app/react/main.js'],
    cache: {}, // required for watchify
    packageCache: {}, // required for watchify
    debug: process.env.DEBUG,
    plugin: [watchify],
  });
  b.transform(babelify.configure(babelrc));

  function rebuild() {
    const startedAt = new Date();
    console.log('Build started at ' + startedAt); //eslint-disable-line
    b
      .bundle()
      .on('error', swallowError)
      .pipe(fs.createWriteStream('./public/react_assets/react.js'))
      .on('finish', () =>
        console.log('Finished in ' + (new Date().getTime() - startedAt.getTime()) + 'ms')); //eslint-disable-line
  }

  b.on('error', swallowError);
  b.on('update', rebuild);
  b.bundle().pipe(fs.createWriteStream('./public/react_assets/react.js'));

  return rebuild();
}

gulp.task('build', () => {
  console.log('Building ES6'); // eslint-disable-line
  build();
});

configureSvgIcon({
  comment: 'Generated by gulp svg-icon, if you add new icon run gulp svg-icon',
  componentName: 'Icon',
  destination: path.join('app', 'react', 'components', 'Icon.react.js'),
  keepFillColor: false,
  native: false,
  radium: true,
  reactPureRender: true,
  svgDir: path.join('app', 'assets', 'icons'),
});

gulp.task('default', ['watch']);

gulp.task('watch', () => watch());