我有一个_color.scss
包含 400 种颜色作为变量的文件。我喜欢 20 个组件,它们的样式需要这种颜色变量。
我正在使用 SCSS + CSS 模块来构建我的样式。截至目前,我正在将其导入_color.scss
每个组件的style.scss
.
例子:
组件1.scss
@import "color.scss";
组件2.scss
@import "color.scss";
组件3.scss
@import "color.scss";
以前,当我单独使用 SCSS 时,我将导入color.scss
到 myindex.scss
并导入它下面的所有其他样式。这样,变量将在所有组件中可用。
例子:
//index.scss
@import "color.scss";
@import "component1.scss";
@import "component2.scss";
@import "component3.scss";
现在,下面的所有变量都将在和下_color.scss
可用。component1.scss
component2.scss
component3.scss
有没有办法做类似的事情CSS Modules + SCSS
?一个声明全局变量的地方?