perf: compress bundle js

msgbyte · Feb 24, 2023 · 5ffac2b · 5ffac2b
1 parent dca81e8
commit 5ffac2b
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 79 deletions.
diff --git a/client/web/build/webpack.config.ts b/client/web/build/webpack.config.ts
@@ -20,6 +20,7 @@ import { buildWorkboxPlugin } from './workbox';
 import { RetryChunkLoadPlugin } from 'webpack-retry-chunk-load-plugin';
 import GenerateJsonPlugin from 'generate-json-webpack-plugin';
 import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
+import TerserPlugin from 'terser-webpack-plugin';
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 require('dotenv').config();
@@ -241,7 +242,12 @@ const config: Configuration = {
   },
   optimization: {
     splitChunks,
-    minimizer: [new CssMinimizerPlugin()],
+    minimizer: [
+      new CssMinimizerPlugin(),
+      new TerserPlugin({
+        minify: TerserPlugin.esbuildMinify,
+      }),
+    ],
   },
   resolve: {
     extensions: ['.tsx', '.ts', '.js', '.css'],

diff --git a/client/web/package.json b/client/web/package.json
@@ -137,6 +137,7 @@
     "source-ref-loader": "^1.0.7",
     "style-loader": "^3.3.1",
     "tailchat-plugin-declaration-generator": "workspace:^1.0.0",
+    "terser-webpack-plugin": "^5.3.6",
     "ts-jest": "27.1.4",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^3.14.1",