Simplify the Webpack config file

Author: Pierre-Do

package.json

@@ -20,7 +20,6 @@
     "mini-css-extract-plugin": "0.2.0",
     "node-sass": "4.7.2",
     "null-loader": "0.1.1",
-    "optimize-css-assets-webpack-plugin": "4.0.0",
     "path": "0.12.7",
     "prettier": "1.11.1",
     "react": "16.2.0",

webpack.config.babel.js

@@ -2,18 +2,16 @@ import webpack from 'webpack';
 import path from 'path';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
-import OptimizeCSSAssetsPlugin from 'optimize-css-assets-webpack-plugin';
 
-const vendors = ['react', 'react-dom'];
-const isProduction = process.env.NODE_ENV === 'production';
+const vendor = ['react', 'react-dom'];
 
 export default {
   name: 'client',
-  mode: isProduction ? 'production' : 'development',
+  mode: 'production',
   target: 'web',
   entry: {
     bundle: './entry.js',
-    vendors,
+    vendor,
   },
   context: path.join(__dirname, 'src'),
 
@@ -22,8 +20,6 @@ export default {
     children: false,
   },
 
-  devtool: isProduction ? false : 'inline-cheap-module-eval-source-map',
-
   output: {
     path: path.join(__dirname, 'target', 'build'),
     filename: '[name].js',
@@ -51,47 +47,41 @@ export default {
   optimization: {
     splitChunks: {
       cacheGroups: {
+        // Don't generate automatic common chunks
         default: false,
+        // Don't generate automatic vendor chunks
+        vendors: false,
         // Custom common chunk
         bundle: {
           name: 'commons',
           chunks: 'all',
           minChunks: 3,
           reuseExistingChunk: false,
         },
-        // Customer vendor
-        vendors: {
+        // Custom vendor chunk by name
+        vendor: {
           chunks: 'initial',
-          name: 'vendors',
-          test: 'vendors',
+          name: 'vendor',
+          test: 'vendor',
         },
         // Merge all the CSS into one file
         styles: {
           name: 'styles',
           test: /\.s?css$/,
           chunks: 'all',
           minChunks: 1,
-          reuseExistingChunk: true,
           enforce: true,
         },
       },
     },
   },
-  profile: false,
 
   plugins: [
-    new webpack.optimize.ModuleConcatenationPlugin(),
     new MiniCssExtractPlugin({
       filename: '[name].css',
       chunkFilename: '[name].css',
     }),
-    new OptimizeCSSAssetsPlugin(),
     new HtmlWebpackPlugin({
-      minify: {
-        collapseWhitespace: true,
-        preserveLineBreaks: true,
-        removeComments: true,
-      },
       filename: 'index.html',
       template: path.join(__dirname, 'src', 'index.html'),
     }),