2021-10-28 引入阿里SVG

1.重新install一下 或者 安装 svg-sprite-loader插件

2在vue.config.js里面 加入 配置 

config.module

.rule("svg")

.exclude.add(resolve("src/icons/svg"))

.end();

// 第二步：使用svg-sprite-loader 对 src/assets/imgs/svgs下的svg进行操作

config.module

.rule("icons")

.test(/\.svg$/)

.include.add(resolve("src/icons/svg"))

.end()

.use("svg-sprite-loader")

.loader("svg-sprite-loader")

//定义规则 使用时    

.options({

symbolId: "icon-[name]"

})

.end();

3.https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a

进入官网下载svg样式的图片

4.将下载好的图片加入 src/icons/svg文件夹下面 例如 music.svg

5.在组件中直接使用即可展示出相应图片