as is

vite.config.ts

@@ -1,11 +1,20 @@
 import path from "path";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
+import { visualizer } from "rollup-plugin-visualizer";
+import robots from "./rollup-plugin-robots";
 
 // https://vite.dev/config/
 export default defineConfig({
   envDir: path.resolve(".", "env"),
-  plugins: [react()],
+  plugins: [
+    react(),
+    robots(),
+    visualizer({
+      open: true,
+      filename: "stats.html",
+    }),
+  ],
   css: {
     modules: {
       localsConvention: "camelCase",
@@ -14,16 +23,22 @@ export default defineConfig({
   build: {
     rollupOptions: {
       output: {
-        manualChunks: (id) => {
-          if (id.includes("node_modules")) {
-            if (id.includes("react")) {
-              return "react";
-            } else {
-              return "vendors";
-            }
-          }
-          return;
+        manualChunks: {
+          react: ["react"],
+          "react-dom": ["react-dom"],
+          "react-router": ["react-router"],
+          http: ["axios", "qs"],
         },
+        // manualChunks: (id) => {
+        //   if (id.includes("node_modules")) {
+        //     if (id.includes("react")) {
+        //       return "react";
+        //     } else {
+        //       return "vendors";
+        //     }
+        //   }
+        //   return;
+        // },
         chunkFileNames: (chunkFileInfo) => {
           for (const id of chunkFileInfo.moduleIds) {
             const match = id.match(/\/pages\/([^/]+)/);