perf: 前端按需引入 Element Plus + Vite 拆包 + template 优化

2026-05-25 00:18:08 +08:00
parent 41a439d830
commit 4971263a3a
6 changed files with 458 additions and 15 deletions
@@ -1,9 +1,16 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import { resolve } from 'path'

 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    AutoImport({ resolvers: [ElementPlusResolver()] }),
+    Components({ resolvers: [ElementPlusResolver({ importStyle: 'css' })] }),
+  ],
  resolve: {
    alias: { '@': resolve(__dirname, 'src') },
  },
@@ -16,5 +23,23 @@ export default defineConfig({
  build: {
    outDir: 'dist',
    sourcemap: false,
+    target: 'es2020',
+    cssCodeSplit: true,
+    chunkSizeWarningLimit: 800,
+    rollupOptions: {
+      output: {
+        manualChunks(id: string) {
+          if (id.includes('/node_modules/element-plus/') || id.includes('/node_modules/@element-plus/')) {
+            return 'vendor-el';
+          }
+          if (id.includes('/node_modules/vue/') || id.includes('/node_modules/pinia/') || id.includes('/node_modules/vue-router/')) {
+            return 'vendor-vue';
+          }
+          if (id.includes('/node_modules/axios/')) {
+            return 'vendor-axios';
+          }
+        },
+      },
+    },
  },
 })