Build Visualizer

package.json

@@ -7,7 +7,6 @@
     "dev": "remix vite:dev",
     "start": "remix-serve ./build/server/index.js",
     "tsc": "tsc",
-    "analyze": "esbuild-visualizer --metadata ./build/metafile.js.json",
     "prettier": "prettier \"**/*.+(js|json|ts|tsx|cjs)\"",
     "prettier:list": "npm run prettier -- --list-different",
     "prettier:fix": "npm run prettier -- --write",
@@ -41,7 +40,6 @@
     "@typescript-eslint/eslint-plugin": "^8.1.0",
     "@typescript-eslint/parser": "^8.1.0",
     "autoprefixer": "^10.4.19",
-    "esbuild-visualizer": "^0.6.0",
     "eslint": "^8.38.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
@@ -54,6 +52,7 @@
     "postcss": "^8.4.38",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.6",
+    "rollup-plugin-visualizer": "^5.12.0",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.1.6",
     "vite": "^5.1.0",

vite.config.ts

@@ -1,6 +1,7 @@
 import { vitePlugin as remix } from "@remix-run/dev";
 import { installGlobals } from "@remix-run/node";
 import { vercelPreset } from "@vercel/remix/vite";
+import { visualizer } from "rollup-plugin-visualizer";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
@@ -12,5 +13,6 @@ export default defineConfig({
       presets: [vercelPreset()],
     }),
     tsconfigPaths(),
+    visualizer({ emitFile: true }),
   ],
 });