less 文件要读取调用另外一个 scss 文件的变量,有什么奇思妙计

2019-12-09 15:30:45 +08:00
 rikka
项目大概是 elementUI+vue+webpack 这些东东
样式是 less 写的,一直也没留意 elementUI 样式是 scss 写的,然后现在想引用 https://github.com/ElemeFE/element/blob/master/packages/theme-chalk/src/common/var.scss 里面的一些变量,可把我难透了

摸索了一番有个思路:把 node-sass 换成 dark-sass 这样可以使用他的最新特性,读取某个模块的所有变量
@use "sass:meta";
@use "variables";
@debug meta.module-variables("variables");
把所有变量打印出来后,我再写个 loader 把变量名和值转成 less 代码,最后给 less 调用就成了


然鹅万万没想到,https://github.com/ElemeFE/element/blob/master/packages/theme-chalk/src/common/var.scss 里面的变量都是$--开头,会被当做私有成员,不会输出出来。。。
1952 次点击
所在节点    程序员
2 条回复
moonrailgun
2019-12-09 18:27:47 +08:00
写个脚本把 scss 变量转化成 less 文件
weixiangzhe
2019-12-10 07:43:51 +08:00
有 js 变量吧 然后注入

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/627305

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX