vue引入svg图标

1.使用icon前先安装依赖:svg-sprite-loader

npm i svg-sprite-loader -D

2.下载图标存入src/icons/svg中

3.修改规则和新增规则,vue.config.js


4.图标自动导入icons/index.js


5.main.js 引用


6.创建SvgIcon组件,./components/SvgIcon.vue


7.注册,icons/index.js



8.使用 ,App.vue

你可能感兴趣的:(vue引入svg图标)