将SCSS变量导出到JS（自动循环变量）

8 浏览
0 Comments

将SCSS变量导出到JS（自动循环变量）

更新：如果您计划实现export解决方案，您必须将其放在一个单独的文件中，以防止在编译的CSS代码中产生冗余的导出。在这里查看详情。

最近我了解到可以将SCSS中的样式导出到JS中，方法如下：

_variables.scss

:export {
    some-variable: 'some-value';
}

app.js

import styles from 'core-styles/brand/_variables.scss';

根据此，我的_variables.scss格式如下：

/* 定义所有颜色 */
$some-color:       #000;
$another-color:    #000;
// 导出颜色面板以使其可以在JS中访问
:export {
    some-color: $some-color;
    another-color: $another-color;
}

上述格式的问题在于我需要在export中重新定义每个变量。因此，我想知道是否有一种自动循环遍历每个变量并将其导出到JS的方法？

0