...

vite.config.js

@@ -6,42 +6,43 @@ import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-	plugins: [
+    plugins: [
-		vue(),
+        vue(),
-		visualizer({
+        visualizer({
-			open: true,
+            open: true,
-			filename: "visualizer.html" //分析图生成的文件名
+            filename: 'visualizer.html' //分析图生成的文件名
-		})
+        })
-	],
+    ],
-	resolve: {
+    resolve: {
-		alias: {
+        alias: {
-			"@": fileURLToPath(new URL("./src", import.meta.url))
+            '@': fileURLToPath(new URL('./src', import.meta.url))
-		}
+        }
-	},
+    },
-	server: {
+    server: {
-		// host:'0.0.0.0',
+        // host:'0.0.0.0',
-		port: "17058",
+        port: '17058',
-		open: true
+        open: true
-	},
+    },
-	esbuild: {
+    esbuild: {
-		drop: ["console", "debugger"]
+        drop: ['console', 'debugger']
-	},
+    },
-	build: {
+    build: {
-		minify: true,
+        minify: true,
-		rollupOptions: {
+        rollupOptions: {
-			output: {
+            output: {
-				// 打包输出的配置
+                // 打包输出的配置
-				manualChunks: id => {
+                manualChunks: (id) => {
-					// 这个ID，就是所有文件的绝对路径
+                    // 这个ID，就是所有文件的绝对路径
-					if (id.includes("node_modules")) {
+                    if (id.includes('node_modules')) {
-						// 因为 node_modules 中的依赖通常是不会改变的
+                        // 因为 node_modules 中的依赖通常是不会改变的
-						// 所以直接单独打包出去
+                        // 所以直接单独打包出去
-						// 这个return 的值就是打包的名称
+                        // 这个return 的值就是打包的名称
-						// return id.split('node_modules')[1]
+                        // return id.split('node_modules')[1]
-						return "modules";
+                        return 'modules'
-					}
+                    }
-				}
+                }
-			}
+            }
-		}
+        }
-	}
+    },
-});
+    base: './'
+})