Build optimization

- Additional modules listed as externals
- Fix for #19

Author: birdofpreyru

config/webpack/app-production.js

@@ -40,7 +40,6 @@ module.exports = function configFactory(ops) {
           NODE_ENV: JSON.stringify('production'),
         },
       }),
-
       new OptimizeCssAssetsPlugin({
         cssProcessorOptions: {
           /* Due to the way our styles are organized, these dangerous

config/webpack/lib-base.js

@@ -37,14 +37,15 @@ module.exports = function configFactory(ops) {
     context: ops.context,
     entry: ops.entry,
     externals: [
-      'babel-runtime',
+      /babel-runtime/,
       'lodash',
       'moment',
       'prop-types',
       'react',
       'react-css-super-themr',
-      'react-dom',
+      /react-dom/,
       'react-helmet',
+      /react-hot-loader/,
       'react-redux',
       'react-router-dom',
       'redux',

config/webpack/lib-production.js

@@ -2,7 +2,9 @@
  * Development Webpack configuration for ReactJS libraries.
  */
 
+const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const path = require('path');
+const webpackMerge = require('webpack-merge');
 const baseFactory = require('./lib-base');
 
 /**
@@ -21,11 +23,24 @@ const baseFactory = require('./lib-base');
  * @return {Object} Webpack configuration.
  */
 module.exports = function configFactory(ops) {
-  return baseFactory({
+  const baseConfig = baseFactory({
     ...ops,
     babelEnv: 'production',
     cssLocalIdent: '[hash:base64:6]',
     mode: 'production',
     outputPath: path.resolve(__dirname, ops.context, 'dist/prod'),
   });
+  return webpackMerge(baseConfig, {
+    plugins: [
+      new OptimizeCssAssetsPlugin({
+        cssProcessorOptions: {
+          /* Due to the way our styles are organized, these dangerous
+           * optimizations can break our styles, thus they are disabled. */
+          discardUnused: false,
+          reduceIdents: false,
+          zindex: false,
+        },
+      }),
+    ],
+  });
 };