vue-cli3 xxx.vue style 写lang="scss"报错

来源：蜘蛛抓取(WebSpider) 时间：2019-09-28 17:06 标签： vue-cli3

最近因公司需求需要实现主题換肤功能，不仅仅是颜色的更改还需要包括图片，字体等文件等更换因此在百度里各种实现方案后，决定根据scss+style-loader/useable做换肤

因为vue-admin-template项目是添加过sass-loader依赖的，所以不用我们再次安装在上一步就已经安装好了。

到此我们的主题样式都已经建好了，现在要将主题应用上去

vue-cli32根vue-cli33的配置區别还是挺大的我在配置的过程中遇到很多坑，因为vue-cli33没有了webpack.config.js文件我们在配置webpack的时候无法根据老文档来配置，需要熟悉cli3的webpack-chain来链式修改配置但是文档很少，配置的过程中异常困难

在配置文件中chainWebpack链式修改webpack配置就能成功应用loader了，话不多说直接上代码，

在准备工作都做好后接下来我们开始使用主题样式。


在实际项目中可根据传入的主题（chalk/light），动态切换主题色同时也可根据业务需求，创建多个主题我們只需要在index.useable.scss文件中写样式变量即可。

以上所述是小编给大家介绍的基于webpack4+vue-cli33项目实现换肤功能,希望对大家有所帮助如果大家有任何疑问请给峩留言，小编会及时回复大家的在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载烦请注明出处，謝谢！

我要回帖

更多关于 vue-cli3 的文章

 

随机推荐