V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2337 days ago, the information mentioned may be changed or developed.
项目大概是 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 里面的变量都是$--开头，会被当做私有成员，不会输出出来。。。
样式是 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 里面的变量都是$--开头，会被当做私有成员，不会输出出来。。。
 |
1
moonrailgun PRO 写个脚本把 scss 变量转化成 less 文件
|
 |
2
weixiangzhe Dec 10, 2019 via Android
有 js 变量吧 然后注入
|
Select Language