diff --git a/client/web/build/webpack.config.ts b/client/web/build/webpack.config.ts
index 3eea23e5..4a894bd3 100644
--- a/client/web/build/webpack.config.ts
+++ b/client/web/build/webpack.config.ts
@@ -17,6 +17,7 @@ import WorkboxPlugin from 'workbox-webpack-plugin';
 import { workboxPluginDetailPattern, workboxPluginEntryPattern } from './utils';
 import dayjs from 'dayjs';
 import { BundleStatsWebpackPlugin } from 'bundle-stats-webpack-plugin';
+import { WebpackStatsViewerPlugin } from 'webpack-stats-viewer-plugin';
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 require('dotenv').config();
@@ -176,7 +177,10 @@ if (ANALYSIS) {
       analyzerMode: 'static',
       openAnalyzer: true,
     }) as any,
-    new BundleStatsWebpackPlugin()
+    new BundleStatsWebpackPlugin(),
+    new WebpackStatsViewerPlugin({
+      open: true,
+    })
   );
 }
 
diff --git a/client/web/package.json b/client/web/package.json
index 5322f028..ce1a3542 100644
--- a/client/web/package.json
+++ b/client/web/package.json
@@ -127,6 +127,7 @@
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.3.1",
+    "webpack-stats-viewer-plugin": "1.0.1",
     "webpackbar": "^5.0.2",
     "workbox-webpack-plugin": "^6.5.1"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6444cb90..6f9c71bd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -358,6 +358,7 @@ importers:
       webpack-bundle-analyzer: ^4.5.0
       webpack-cli: ^4.9.1
       webpack-dev-server: ^4.3.1
+      webpack-stats-viewer-plugin: 1.0.1
       webpackbar: ^5.0.2
       workbox-webpack-plugin: ^6.5.1
       yup: ^0.32.9
@@ -464,6 +465,7 @@ importers:
       webpack-bundle-analyzer: 4.6.1
       webpack-cli: 4.10.0_o3j4juldl4l55zeehmsnbfmici
       webpack-dev-server: 4.10.0_77l47gmqkrqiei5z7sbwz5iaj4
+      webpack-stats-viewer-plugin: 1.0.1_webpack@5.73.0
       webpackbar: 5.0.2_webpack@5.73.0
       workbox-webpack-plugin: 6.5.4_webpack@5.73.0
 
@@ -25155,6 +25157,19 @@ packages:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
 
+  /webpack-stats-viewer-plugin/1.0.1_webpack@5.73.0:
+    resolution: {integrity: sha512-FoiKlyNud+VXXtoKePso9FnZoIwFG1B4LmP4lupJj6Lj5bHgZJu7WpeWMa9qggdvVv3L+OoQTAnnGi6hvEabug==}
+    engines: {node: '>= 14.0'}
+    peerDependencies:
+      webpack: ^4.0.0 || ^5.0.0
+    dependencies:
+      chalk: 4.1.2
+      fs-extra: 10.1.0
+      lodash: 4.17.21
+      opener: 1.5.2
+      webpack: 5.73.0_webpack-cli@4.10.0
+    dev: true
+
   /webpack-virtual-modules/0.2.2:
     resolution: {integrity: sha512-kDUmfm3BZrei0y+1NTHJInejzxfhtU8eDj2M7OKb2IWrPFAeO1SOH2KuQ68MSZu9IGEHcxbkKKR1v18FrUSOmA==}
     dependencies: