新增打包的时候，进行拆包的优化，优化首次加载速度

package.json

@@ -41,6 +41,7 @@
         "unplugin-auto-import": "^0.15.3",
         "unplugin-vue-components": "^0.24.1",
         "vfonts": "^0.0.3",
-        "vite": "^4.3.1"
+        "vite": "^4.3.1",
+        "vite-plugin-chunk-split": "^0.4.7"
     }
 }

src/router/index.js

@@ -34,7 +34,7 @@ router.beforeResolve(async (to) => {
         if (role_id === website.role_id) {
             //如果等于总管理，判断项目ID（总管理时，进入其他页面，必须先选择项目）
             if (!projectId) {
-                window?.$message?.warning('请先选择项目');
+                window.$message?.warning('请先选择项目');
                 return '/user/project'
             } else {
                 const res = await getRouterData(to.name)

vite.config.js

@@ -2,6 +2,7 @@ import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import {resolve} from "path";
 import config from "./src/config";
+import { chunkSplitPlugin } from 'vite-plugin-chunk-split';
 
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
@@ -29,6 +30,9 @@ export default defineConfig({
     },
     plugins: [
         vue(),
+        chunkSplitPlugin({
+            strategy: 'unbundle'
+        }),
         AutoImport({
             resolvers: [ElementPlusResolver()],
         }),

yarn.lock

@@ -788,6 +788,11 @@ end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
+es-module-lexer@^1.0.3:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
+  integrity sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==
+
 esbuild@^0.17.5:
   version "0.17.15"
   resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.17.15.tgz"
@@ -1123,6 +1128,13 @@ magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
+magic-string@^0.26.3:
+  version "0.26.7"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.26.7.tgz#caf7daf61b34e9982f8228c4527474dac8981d6f"
+  integrity sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
 magic-string@^0.30.0:
   version "0.30.0"
   resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz"
@@ -1755,6 +1767,14 @@ vfonts@^0.0.3:
   resolved "https://registry.npmjs.org/vfonts/-/vfonts-0.0.3.tgz"
   integrity sha512-nguyw8L6Un8eelg1vQ31vIU2ESxqid7EYmy8V+MDeMaHBqaRSkg3dTBToC1PR00D89UzS/SLkfYPnx0Wf23IQQ==
 
+vite-plugin-chunk-split@^0.4.7:
+  version "0.4.7"
+  resolved "https://registry.npmjs.org/vite-plugin-chunk-split/-/vite-plugin-chunk-split-0.4.7.tgz#3ada0e85b4e4cc4fba7540c4fc691aec4f893c07"
+  integrity sha512-BGPMTxlC6Z+VNY1t/51F1ablkt4UQqdEPvAmCKRBsEPIpKAlW3sioQwK4klS14ievsGNaeALAKdko7n3oPJ8BQ==
+  dependencies:
+    es-module-lexer "^1.0.3"
+    magic-string "^0.26.3"
+
 vite@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.1.tgz#9badb1377f995632cdcf05f32103414db6fbb95a"