chore: 升级vite-plugin-svg-icons版本至2.0.1

package.json

@@ -29,10 +29,11 @@
     "@types/nprogress": "^0.2.0",
     "@types/path-browserify": "^1.0.0",
     "@vitejs/plugin-vue": "^1.9.3",
+    "fast-glob": "^3.2.11",
     "sass": "^1.43.4",
     "typescript": "^4.4.3",
     "vite": "^2.6.4",
-    "vite-plugin-svg-icons": "^1.1.0",
+    "vite-plugin-svg-icons": "^2.0.1",
     "vue-tsc": "^0.3.0"
   }
 }

src/main.ts

@@ -10,6 +10,7 @@ import 'element-plus/theme-chalk/index.css'
 import Pagination from '@/components/Pagination/index.vue'
 import '@/permission'
 
+// 引入svg注册脚本
 import 'virtual:svg-icons-register';
 
 // 国际化

tsconfig.json

@@ -16,6 +16,7 @@
     },
     "allowSyntheticDefaultImports": true, // 默认导入
     "skipLibCheck": true,  // 不对第三方依赖类型检查 ，element-plus 生产打包报错
+    "types": ["vite-plugin-svg-icons/client"]
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
 }

vite.config.ts

@@ -1,6 +1,6 @@
 import { UserConfig, ConfigEnv, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import viteSvgIcons from 'vite-plugin-svg-icons';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import path from 'path'
 
 // @see: https://gitee.com/holysheng/vite2-config-description/blob/master/vite.config.ts
@@ -12,11 +12,11 @@ export default ({command, mode}: ConfigEnv): UserConfig => {
         {
             plugins: [
                 vue(),
-                viteSvgIcons({
+                createSvgIconsPlugin({
                     // 指定需要缓存的图标文件夹
                     iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
                     // 指定symbolId格式
-                    symbolId: 'icon-[dir]-[name]',
+                    symbolId: 'icon-[dir]-[name]'
                 })
 
             ],