gulpfile.babel.js

'use strict';

var _       = require('lodash');
var bs      = require('browser-sync').create();
var gulp    = require('gulp');
var path    = require('path');
var webpack = require("webpack");
var ExtractTextPlugin = require("extract-text-webpack-plugin");

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

var webpackOptions = {
  entry: {
    app: "./frontend/app.js",
    vendor: ["react", "react-dom", "muicss", "stellar-sdk", "axios", "d3", "fbemitter"]
  },
  devtool: "source-map",
  resolve: {
    root: [
      path.resolve('frontend'),
      path.resolve('common')
    ],
    modulesDirectories: ["node_modules"]
  },
  module: {
    loaders: [
      {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader', query: {presets: ['es2015', 'react']}},
      {test: /\.json$/, loader: 'json'},
      {test: /\.html$/, loader: 'file?name=[name].html'},
      {test: /\.scss$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader")}
    ]
  },
  plugins: [
    new webpack.IgnorePlugin(/ed25519/),
    new ExtractTextPlugin("style.css")
  ]
};

gulp.task('develop', function(done) {
  var options = merge(webpackOptions, {
    output: {
      filename: "[name].js",
      path: './.tmp'
    },
    plugins: [
      new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.js")
    ]
  });

  var watchOptions = {
    aggregateTimeout: 300
  };

  var bsInitialized = false;

  var compiler = webpack(options);
  compiler.purgeInputFileSystem();
  compiler.watch(watchOptions, function(error, stats) {
    if (!bsInitialized) {
      gulp.watch(".tmp/**/*").on("change", bs.reload);
      bs.init({
        port: 3000,
        online: false,
        notify: false,
        server: "./.tmp",
        socket: {
          domain: 'localhost:3000'
        }
      });
      bsInitialized = true;
    }
    console.log(stats.toString({
      hash: false,
      version: false,
      timings: true,
      chunks: false,
      colors: true
    }));
  });
});

gulp.task('build', function(done) {
  var options = merge(webpackOptions, {
    bail: true,
    output: {
      // TODO chunkhash
      filename: "[name].js",//"[name]-[chunkhash].js",
      path: './dist'
    },
    plugins: [
      new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.js"),
      new webpack.optimize.DedupePlugin(),
      new webpack.optimize.OccurenceOrderPlugin(),
      new webpack.DefinePlugin({
        'process.env': {
          NODE_ENV: JSON.stringify('production'),
        }
      }),
      new webpack.optimize.UglifyJsPlugin()
    ]
  });

  var compiler = webpack(options);
  compiler.purgeInputFileSystem();
  compiler.run(done);
});


function merge(object1, object2) {
  return _.mergeWith(object1, object2, function(a, b) {
    if (_.isArray(a)) {
      return a.concat(b);
    }
  });
}