build: Minify only for production

package.json

@@ -26,7 +26,6 @@
     "mini-css-extract-plugin": "^1.2.1",
     "node-sass": "^4.14.1",
     "sass-loader": "^10.0.4",
-    "terser-webpack-plugin": "^5.0.3",
     "ts-jest": "^26.4.3",
     "ts-loader": "^8.0.7",
     "typescript": "^4.0.5",

webpack.config.js

@@ -2,7 +2,6 @@ const path = require('path');
 const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const { merge } = require('webpack-merge');
@@ -104,24 +103,6 @@ module.exports = function () {
     resolve: {
       extensions: ['.tsx', '.ts', '.js']
     },
-
-    optimization: {
-      minimizer: [new TerserPlugin()],
-
-      splitChunks: {
-        cacheGroups: {
-          vendors: {
-            priority: -10,
-            test: /[\\/]node_modules[\\/]/
-          }
-        },
-
-        chunks: 'async',
-        minChunks: 1,
-        minSize: 30000,
-        name: false
-      }
-    }
   }
 
   if (isEnvProduction) return merge(commonConfig, prodConfig);

webpack.dev.js

@@ -9,4 +9,7 @@ module.exports = {
     port: 4200,
     open: true
   },
+  optimization: {
+    minimize: false
+  }
 };

webpack.prod.js

@@ -1,3 +1,22 @@
+const TerserPlugin = require('terser-webpack-plugin');
+
 module.exports = {
-  mode: 'production'
+  mode: 'production',
+  optimization: {
+    minimizer: [new TerserPlugin()],
+
+    splitChunks: {
+      cacheGroups: {
+        vendors: {
+          priority: -10,
+          test: /[\\/]node_modules[\\/]/
+        }
+      },
+
+      chunks: 'async',
+      minChunks: 1,
+      minSize: 30000,
+      name: false
+    }
+  }
 };