vue3+webpack+element-plus修改主题色的坑
【vue3+webpack+element-plus修改主题色的坑】我们的项目没有使用vite，用的是webpack工具
文章图片
按照element-plus文档覆盖了scss变量，但是在main文件引入时报错tff文件无法找到，找了一圈之后发现需要在重写scss变量的文件同级创建一个fonts文件
文章图片
应该有loader可以解决这个问题，不过时间短没细看，如果你有好的办法解决这个问题，可以在下方评论。
然后就遇到了最大的坑，他不生效。。
最后发现是文档的错（不管了，先甩锅）
在文档的全局引入的例子中，让我们引入了css文件
文章图片
但是这个文件是css变量，会覆盖scss设置的变量，需要去掉引入index.css，在覆盖scss变量的文件中引入主题样式
文章图片
这样主题色就修改成功了
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- 我们重新了解付费。
- 继续努力，自主学习家庭Day135(20181015）
- dubbo基本认识
- 爱，为孩子撑起一片空
- 全过程工程咨询——时间管理（12）
- 孤独，怕什么
- 无故.
- 成败
- 17.8.21