vue3+vite使用vite-plugin-svg-icons

使用vite-plugin-svg-icons插件显示本地svg图标
在开发项目的时候，经常会用到svg矢量图标，而且我们使用svg以后，页面上加载的不再是图片资源，这对页面性能来说是个很大的提升，而且我们svg文件比img要小很多，放在项目中几乎不占用资源。
安装SVG依赖插件

npm install vite-plugin-svg-icons -D

在vite.config.ts中配置插件
（vite:vue3的打包工具，相当于vue2中的webpack）

import {
    createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import {
    path } from 'path'