fea: optimize vite chunk splitting

vite.config.mts

@@ -36,11 +36,96 @@ export default defineConfig({
           entry: "monaco-yaml/yaml.worker",
         },
       ],
+      globalAPI: false,
     }),
   ],
   build: {
     outDir: "../dist",
     emptyOutDir: true,
+    target: "esnext",
+    minify: "terser",
+    chunkSizeWarningLimit: 4000,
+    reportCompressedSize: false,
+    sourcemap: false,
+    cssCodeSplit: true,
+    cssMinify: true,
+    rollupOptions: {
+      treeshake: {
+        preset: "recommended",
+        moduleSideEffects: (id) => !/\.css$/.test(id),
+        tryCatchDeoptimization: false,
+      },
+      output: {
+        compact: true,
+        experimentalMinChunkSize: 30000,
+        dynamicImportInCjs: true,
+        manualChunks(id) {
+          if (id.includes("node_modules")) {
+            // Monaco Editor should be a separate chunk
+            if (id.includes("monaco-editor")) return "monaco-editor";
+
+            // React-related libraries (react, react-dom, react-router-dom, etc.)
+            if (
+              id.includes("react") ||
+              id.includes("react-dom") ||
+              id.includes("react-router-dom") ||
+              id.includes("react-transition-group") ||
+              id.includes("react-error-boundary") ||
+              id.includes("react-hook-form") ||
+              id.includes("react-markdown") ||
+              id.includes("react-virtuoso")
+            ) {
+              return "react";
+            }
+
+            // Utilities chunk: group commonly used utility libraries
+            if (
+              id.includes("axios") ||
+              id.includes("lodash-es") ||
+              id.includes("dayjs") ||
+              id.includes("js-base64") ||
+              id.includes("js-yaml") ||
+              id.includes("cli-color") ||
+              id.includes("nanoid")
+            ) {
+              return "utils";
+            }
+
+            // Tauri-related plugins: grouping together Tauri plugins
+            if (
+              id.includes("@tauri-apps/api") ||
+              id.includes("@tauri-apps/plugin-clipboard-manager") ||
+              id.includes("@tauri-apps/plugin-dialog") ||
+              id.includes("@tauri-apps/plugin-fs") ||
+              id.includes("@tauri-apps/plugin-global-shortcut") ||
+              id.includes("@tauri-apps/plugin-notification") ||
+              id.includes("@tauri-apps/plugin-process") ||
+              id.includes("@tauri-apps/plugin-shell") ||
+              id.includes("@tauri-apps/plugin-updater")
+            ) {
+              return "tauri-plugins";
+            }
+
+            // Material UI libraries (grouped together)
+            if (
+              id.includes("@mui/material") ||
+              id.includes("@mui/icons-material") ||
+              id.includes("@mui/lab") ||
+              id.includes("@mui/x-data-grid")
+            ) {
+              return "mui";
+            }
+
+            // Small vendor packages
+            const pkg = id.match(/node_modules\/([^\/]+)/)?.[1];
+            if (pkg && pkg.length < 8) return "small-vendors";
+
+            // Large vendor packages
+            return "large-vendor";
+          }
+        },
+      },
+    },
   },
   resolve: {
     alias: {