我基本上是通过更改一些变量定义来对现有的 scss 做一个“主题”。我需要使用不同的变量呈现单独的 css 包。我想有单独的主文件来导入公共文件以保持干燥。
文件结构
- variables_1.scss
- variables_2.scss
- main_1.scss
- main_2.scss
- _main-shared.scss
_main-shared.scss包含@import所有其他 scss 文件的语句，但不导入变量。
主要文件内容：
//main_1.scss
@use 'variables_1' as *;
@import "main-shared";
//main_2.scss
@use 'variables_2' as *;
@import "main-shared";
但是多级导入似乎不起作用，导致 SassError：_main-shared.scss 中的未定义变量。
有一个更好的方法吗？我无法在 _main-shared.scss 中导入变量，因为它会破坏拥有单独变量文件的目的。
有没有我不知道的解决方法或更好的解决方案？