项目大概是 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 里面的变量都是$--开头,会被当做私有成员,不会输出出来。。。