MoneyMemory记账应用2(Vue版)

2021-03-06  本文已影响0人  shangjingfan

踩坑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

上一篇 下一篇

猜你喜欢

热点阅读