1.在对应vue项目里添加插件
vue add svg-sprite
2.再执行:
npm install svgo svgo-loader --save-dev
然后你就会看到新增的根目录文件vue.config.js和src/components/SvgIcon.vue,如图:
3.在main.js里注册SvgIcon组件
//引入svg组件
import SvgIcon from '@/components/SvgIcon.vue'
//全局注册icon-svg
Vue.component('SvgIcon', SvgIcon)
4.再在assets下创建icons文件夹,将所有的svg图标放进去,name就是svg的名字,例如
<svg-icon name="aperture"></svg-icon>
好了,这样我们就可以愉快的使用SVG了。
最后,如果项目不能成功显示SVG,可以尝试重新打开一次。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。