踩坑1:.svg文件里,path标签,如果有fill <path fill="red"></path>,后面就不能修改颜色了
出坑:使用svga-loader (o是optimize优化的意思),
安装:yarn add svgo-loader@2.2.1 --dev
配置:在vue.config.js中,
.use('svgo-loader').loader('svgo-loader')
.tap(options => ({...options, plugins: [{removeAttrs: {attrs: 'fill'}}]})).end()
踩坑2:CSS/SASS通过@import "~@目录名"引入文件,报错
出坑:
--正确配置:在Settings中搜索webpack,添加上路径,路径是当前项目node_modules/@vue\cli-service\webpack.config.js
--安装svg-sprite-loader-mod
--vue-config.js中的svg-sprite-loader替换成svg-sprite-loader-mod