elementui自定义主题导致项目初始时加载全部组件的样式
官方文档介绍的在项目中改变 SCSS 变量自定义主题方法 是新建一个样式文件然后再在入口文件中引入这个文件(http://element-cn.eleme.io/#/...)
但这样引入了@import "~element-ui/packages/theme-chalk/src/index",那么项目初始时就会加载全部组件的样式,就不是按需引入了,less有modifyVars可以构建时覆盖变量,但scss好像没有,有什么办法可以自定义主题的同时按需引入样式吗
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
请问楼主解决了吗?我也遇到相同的问题?
你可以查看下
node_modules
下的element-ui
包,所有的样式都是在packages/theme-chalk/src/...
,一般情况下,为了省事,我们直接引入所有样式。如果你想按需引入,那么假设你引入的是
button
,那么可以这样写@import "~element-ui/packages/theme-chalk/src/button.scss"
。但是这样的话,如果你用到哪些组件,总是需要自己一点点引入,远没有官方推荐的简单。