vue3项目中使用vite-plugin-svg-icons插件

png格式的图片可以合成精灵图，然后根据定位使用
那么 svg格式的图片，可以通过插件打包成svg地图，通过ID来使用，一次加载，动态使用，图片无需懒加载，参考官网

• 插件安装

yarn add vite-plugin-svg-icons -D
# or
npm i vite-plugin-svg-icons -D
# or
pnpm install vite-plugin-svg-icons -D

• 在 vite.config.ts文件中配置插件

• main.ts引入

import 'virtual:svg-icons-register'

• 组件中使用

完成以上操作，就可以在页面中正确展示svg图片了

真实项目中，其实可以把下面这段代码封装成一个组件来使用，就不用占用3行位置了

 <svg aria-hidden="true">
      <use href="#icon-consult-alipay"></use>
    </svg>