chore: 引入bundle分析 拆包

.gitignore

@@ -2,4 +2,6 @@
 /node_modules
 **/.DS_Store
 
-components.d.ts
+components.d.ts
+
+stats.html

package.json

@@ -2,6 +2,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
+    "build:preview": "vue-tsc && vite build --mode=preview",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -24,6 +25,7 @@
     "@vitejs/plugin-vue": "^5.0.2",
     "html-minifier-terser": "^7.2.0",
     "less": "^4.2.0",
+    "rollup-plugin-visualizer": "^5.12.0",
     "typescript": "^4.9.5",
     "unplugin-auto-import": "^0.14.4",
     "unplugin-vue-components": "^0.24.1",

vite.config.ts

@@ -7,9 +7,10 @@ import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { ArcoResolver } from 'unplugin-vue-components/resolvers'
 import { createStyleImportPlugin } from 'vite-plugin-style-import'
+import { visualizer } from 'rollup-plugin-visualizer'
 import postBuildPlugin from './build/postBuildPlugin'
 
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   base: './',
   resolve: {
     alias: {
@@ -31,6 +32,7 @@ export default defineConfig({
       output: {
         manualChunks: (e) => {
           if (e.includes('/node_modules/monaco-editor/')) return 'monaco'
+          if (e.includes('@babel/standalone')) return 'babel'
           return 'vendor'
         }
       },
@@ -77,6 +79,7 @@ export default defineConfig({
     }),
     postBuildPlugin({
       files: ['index.html', 'plugin.json', 'preload.js']
-    })
+    }),
+    mode === 'preview' && visualizer()
   ]
-})
+}))