在项目中使用svg字体图标

1. 安装vue-svgicon

   npm i vue-svgicon

2. 在main.js文件中，引入并注册

   
   import SvgIcon from "vue-svgicon"
   Vue.use(SvgIcon, {
     tagName: 'svg-icon',
     defaultWidth: '2em',
     defaultHeight: '2em'
   })

3. 在package.json文件中添加配置

   // ./src/icons/svg,svg图标路径；./src/icons/components，js文件路径。
   "svg":"vsvg -s ./src/icons/svg -t ./src/icons/components"

4. 运行npm run svg命令，生成对应的index.js文件
5. 在main.js文件中引入index.js文件
6. 使用svg图标，格式为：<svg-icon name="文件名" />

   <svg-icon name="language" />

   ————————————————
   版权声明：本文为CSDN博主「越努力_越Luck」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
   原文链接：https://blog.csdn.net/weixin_48942945/article/details/128957254