配置ICON自动导入

README.md

@@ -9,3 +9,5 @@ pnpm i element-plus
 pnpm install -D unplugin-vue-components unplugin-auto-import
 
 pnpm install @element-plus/icons-vue
+
+pnpm i -D unplugin-icons

vite.config.js

@@ -3,16 +3,33 @@ 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 Icons from 'unplugin-icons/vite'
+import IconsResolver from 'unplugin-icons/resolver'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
     AutoImport({
-      resolvers: [ElementPlusResolver()],
+      resolvers: [
+        ElementPlusResolver(),
+        IconsResolver({
+          prefix: 'Icon',
         }),
+      ],
+    }),
+
     Components({
-      resolvers: [ElementPlusResolver()],
+      resolvers: [
+        IconsResolver({
+          enabledCollections: ['ep'],
+        }),
+        ElementPlusResolver(),
+      ],
+    }),
+
+    Icons({
+      autoInstall: true,
     }),
   ],
 })