feat(projects): 添加SvgIcon,配置vite plugin

build/plugins/index.ts

@@ -5,9 +5,10 @@ import iconify from './iconify';
 import windicss from './windicss';
 import mock from './mock';
 import visualizer from './visualizer';
+import svgSprite from './svgSprite';
 
 export function setupVitePlugins(configEnv: ConfigEnv): (PluginOption | PluginOption[])[] {
-  const plugins = [vue, html(configEnv), ...iconify, windicss, mock];
+  const plugins = [vue, html(configEnv), ...iconify, windicss, mock, svgSprite];
 
   if (configEnv.command === 'build') {
     plugins.push(visualizer);

build/plugins/svgSprite.ts

@@ -0,0 +1,7 @@
+import path from 'path';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+
+export default createSvgIconsPlugin({
+  iconDirs: [path.resolve(process.cwd(), 'src/assets/svg')],
+  symbolId: 'icon-[dir]-[name]'
+});

package.json

@@ -87,6 +87,7 @@
     "vite": "2.8.4",
     "vite-plugin-html": "^3.0.6",
     "vite-plugin-mock": "^2.9.6",
+    "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-windicss": "^1.7.1",
     "vue-tsc": "^0.32.0",
     "vueuc": "^0.4.26",