webpack.config.prod.js

'use strict';

const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const StatsWriterPlugin = require('./src/libs/webpack-perfomance-budget/plugin');

if (typeof process.env.NODE_ENV === 'undefined') {
  process.env.NODE_ENV = 'production';
}

if (!module.parent || module.parent.id.indexOf('node_modules') > -1) {
  const config = require(`${__dirname}/webpack.config`);
  module.exports = transform(config);
}

module.exports.transform = transform;

function getVendors() {
  return [
    'core-js',
    'engine.io-client',
    'history',
    'json3',
    'lodash',
    'moment',
    'react',
    'react-autosuggest',
    'react-dom',
    'react-portal-tooltip',
    'react-router',
    'redux',
    'regenerator-runtime',
    'socket.io-client',
    'tcomb'
  ];
}

function transform(config) {
  config.entry.vendors = getVendors();

  config.devtool = 'source-map';
  config.output.filename = '[name].bundle.[chunkhash].js';

  const prodPlugins = config.plugins.reduce((total, curr) => {
    if (!(curr instanceof webpack.HotModuleReplacementPlugin)) {
      total.push(curr);
    }

    return total;
  }, [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.bundle.[chunkhash].js'),
    new ExtractTextPlugin('styles.css', '[name].[contenthash].css')
  ]).concat([
    new webpack.optimize.UglifyJsPlugin({
      compressor: {
        warnings: false
      }
    }),
    new StatsWriterPlugin({
      filename: 'stats.json'
    })
  ]);

  config.plugins = prodPlugins;

  const prodLoaders = config.module.loaders.reduce((total, curr) => {
    if (curr.loader && curr.loader.indexOf('style-loader') > -1) {
      const data = curr.loader.split('!');
      curr.loader = ExtractTextPlugin.extract('style-loader', data.slice(1).join('!'));
    }

    total.push(curr);
    return total;
  }, []);

  config.module.loaders = prodLoaders;

  return config;
}