chore: add perf improvements

package.json

@@ -48,6 +48,7 @@
     "colors": "^1.4.0",
     "copy-webpack-plugin": "^5.1.1",
     "css-loader": "^3.4.2",
+    "cssnano": "^4.1.10",
     "eslint": "^6.8.0",
     "exports-loader": "^0.7.0",
     "file-loader": "^6.0.0",
@@ -68,6 +69,7 @@
     "mini-css-extract-plugin": "^0.9.0",
     "nightwatch": "^1.3.5",
     "node-sass": "^4.13.1",
+    "optimize-css-assets-webpack-plugin": "^5.0.4",
     "postcss-css-variables": "^0.14.0",
     "postcss-import": "^12.0.1",
     "postcss-loader": "^3.0.0",
@@ -76,6 +78,7 @@
     "sitemap": "^6.1.0",
     "style-loader": "^1.1.3",
     "svg-url-loader": "^5.0.0",
+    "terser-webpack-plugin": "^4.2.3",
     "url-loader": "^4.0.0",
     "webpack": "^4.42.0",
     "webpack-bundle-analyzer": "^3.6.1",

webpack.config.js

@@ -1,7 +1,9 @@
+const path = require("path");
 const webpack = require("webpack");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
-const path = require("path");
+const TerserPlugin = require("terser-webpack-plugin");
+const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin");
 
 /**
  * Webpack configuration details for use with Grunt.
@@ -189,5 +191,45 @@ module.exports = {
     },
     performance: {
         hints: false
+    },
+
+    optimization: {
+        runtimeChunk: false,
+        splitChunks: {
+            cacheGroups: {
+                default: false,
+                commons: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: "vendor_app",
+                    chunks: "all",
+                    minChunks: 2
                 }
+            }
+        },
+        minimizer: [
+            new TerserPlugin({
+                terserOptions: {
+                    output: {
+                        comments: false
+                    },
+                    ecma: undefined,
+                    warnings: false,
+                    mangle: true,
+                    module: false,
+                    toplevel: false,
+                    nameCache: null,
+                    ie8: false,
+                }
+            }),
+            new OptimizeCssAssetsPlugin({
+                assetNameRegExp: /\.optimize\.css$/g,
+                cssProcessor: require("cssnano"),
+                cssProcessorPluginOptions: {
+                    preset: ["default", { discardComments: { removeAll: true } }]
+                },
+                canPrint: true
+            })
+        ]
+    },
+
 };