Browse Source

🐳 chore: 自动导入ElementPlus

Pchen. 8 months ago
parent
commit
6ff0ccea40
2 changed files with 14 additions and 1 deletions
  1. 3 0
      package.json
  2. 11 1
      vite.config.js

+ 3 - 0
package.json

@@ -9,10 +9,13 @@
     "preview": "vite preview"
     "preview": "vite preview"
   },
   },
   "dependencies": {
   "dependencies": {
+    "element-plus": "^2.8.0",
     "vue": "^3.4.29"
     "vue": "^3.4.29"
   },
   },
   "devDependencies": {
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue": "^5.0.5",
+    "unplugin-auto-import": "^0.18.2",
+    "unplugin-vue-components": "^0.27.4",
     "vite": "^5.3.1"
     "vite": "^5.3.1"
   }
   }
 }
 }

+ 11 - 1
vite.config.js

@@ -1,7 +1,17 @@
 import { defineConfig } from 'vite'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 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'
 
 
 // https://vitejs.dev/config/
 // https://vitejs.dev/config/
 export default defineConfig({
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [AutoImport({
+    imports: ['vue'],
+    resolvers: [ElementPlusResolver()],
+  }),
+  Components({
+    resolvers: [ElementPlusResolver()],
+  }),
+  vue()],
 })
 })