elementui自定义主题导致项目初始时加载全部组件的样式

发布于 2022-09-11 18:09:36 字数 329 浏览 14 评论 0

官方文档介绍的在项目中改变 SCSS 变量自定义主题方法 是新建一个样式文件然后再在入口文件中引入这个文件(http://element-cn.eleme.io/#/...
但这样引入了@import "~element-ui/packages/theme-chalk/src/index",那么项目初始时就会加载全部组件的样式,就不是按需引入了,less有modifyVars可以构建时覆盖变量,但scss好像没有,有什么办法可以自定义主题的同时按需引入样式吗

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

等待圉鍢 2022-09-18 18:09:36

请问楼主解决了吗?我也遇到相同的问题?

忆梦 2022-09-18 18:09:36

你可以查看下 node_modules 下的 element-ui 包,所有的样式都是在 packages/theme-chalk/src/...,一般情况下,为了省事,我们直接引入所有样式。

如果你想按需引入,那么假设你引入的是 button,那么可以这样写 @import "~element-ui/packages/theme-chalk/src/button.scss"

但是这样的话,如果你用到哪些组件,总是需要自己一点点引入,远没有官方推荐的简单。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文