add webpack stats

.gitignore

@@ -24,3 +24,4 @@ yarn-error.log*
 coverage
 package-lock.json
 .vscode/settings.json
+statistics.html

package.json

@@ -88,7 +88,8 @@
     "sass-loader": "^8.0.2",
     "typescript": "^3.7.3",
     "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.11"
+    "webpack-cli": "^3.3.11",
+    "webpack-visualizer-plugin": "^0.1.11"
   },
   "files": [
     "dist"

webpack.config.js

@@ -1,8 +1,10 @@
 // Webpack configuration
+const TerserPlugin = require('terser-webpack-plugin');
+const webpack = require('webpack');
 const path = require('path');
 const isProduction = process.env.NODE_ENV === 'production';
-const supportServerSide = !!process.env.SERVER_SIDE;
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const Visualizer = require('webpack-visualizer-plugin');
 
 module.exports = {
   mode: isProduction ? 'production' : 'development',
@@ -50,5 +52,16 @@ module.exports = {
       },
     ],
   },
-  plugins: [new MiniCssExtractPlugin()],
+  optimization: {
+    minimizer: [new TerserPlugin()],
+  },
+  plugins: [
+    new MiniCssExtractPlugin(),
+    new Visualizer({
+      filename: '../statistics.html'
+    }),
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production'),
+    })
+  ],
 };