add rollup visualizer plugin

packages/app/package.json

@@ -118,6 +118,7 @@
     "postcss-preset-env": "^9.2.0",
     "prettier": "2.8.3",
     "prop-types": "^15.8.1",
+    "rollup-plugin-visualizer": "^5.9.2",
     "source-map-loader": "^4.0.1",
     "tailwindcss": "^3.3.3",
     "terser-webpack-plugin": "^5.3.9",

packages/app/vite.config.ts

@@ -1,6 +1,7 @@
-import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import { VitePWA } from 'vite-plugin-pwa';
+import { visualizer } from 'rollup-plugin-visualizer';
+import { defineConfig, type PluginOption } from 'vite';
 
 import appConfig from "config";
 
@@ -15,7 +16,12 @@ export default defineConfig({
         enabled: true,
         type: 'module',
       }
-    })
+    }),
+    visualizer({
+      open: true,
+      gzipSize: true,
+      filename: 'dist/stats.html',
+    } as PluginOption),
   ],
   assetsInclude: ['**/*.md'],
   resolve: {