webpack.config.dll.babel.js

import path from 'path';
import webpack from 'webpack';
import merge from 'webpack-merge';

import ProgressBarWebpackPlugin from 'progress-bar-webpack-plugin';

const isProduction = process.env.NODE_ENV === 'production';

const reactVendors = [
  'react',
  'react-dom',
  'react-router-dom',
  'react-redux',
  'react-hot-loader',
  'redux',
  'redux-devtools',
  'redux-devtools-dock-monitor',
  'redux-devtools-log-monitor',
  'redux-logger',
  'redux-promise-middleware',
  'redux-thunk',
  'connected-react-router',
];

const bootstrap = [
  'jquery',
  'bootstrap',
  'reactstrap'
];

const immutableVendors = [
  'immutable',
];

const miscVendors = [
  'hammerjs',
  'lodash',
  'prismjs',
  'regenerator-runtime',
];

// Base config
let config = {
  // The base directory, an absolute path, for resolving entry points and loaders from configuration
  context: path.resolve(__dirname),

  // Start entry point(s)
  entry: {
    react: reactVendors,
    materialize: bootstrap,
    immutable: immutableVendors,
    misc: miscVendors,
  },

  // Affecting the output of the compilation
  output: {
    // path: the output directory as an absolute path (required)
    path: path.resolve(__dirname, 'frontend/dist/dll/'),
    // filename: specifies the name of output file on disk (required)
    filename: '[name]_dll.js',
    // library: name of the generated dll reference
    library: '[name]_dll',
  },

  // A list of used webpack plugins
  plugins: [
    // Better building progress display
    new ProgressBarWebpackPlugin({
      clear: false,
    }),
    // jQuery support
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery',
      'root.jQuery': 'jquery',
    }),
    // Output manifest json file for each generated dll reference file
    new webpack.DllPlugin({
      path: path.resolve(__dirname, 'frontend/dist/dll/[name]_manifest.json'),
      name: '[name]_dll',
    }),
  ],
};

// Production enviroment
if (isProduction) {
  config = merge(config, {
    plugins: [
      // Minimize javascript files with source map generated
      new webpack.optimize.UglifyJsPlugin({
        output: { comments: false },
      }),
      // Define production env which shaved off 75% of the build output size
      // http://moduscreate.com/optimizing-react-es6-webpack-production-build
      new webpack.DefinePlugin({
        'process.env': {
          NODE_ENV: JSON.stringify('production'),
        },
      }),
    ],
  });
}

// Export const (import/no-mutable-exports)
const constConfig = config;

export default constConfig;