MoneyMemory记账应用2(Vue版)

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容