SASS：无法在文件之间共享变量

Question

我有一个名为app.scss的文件，在该文件中我正在制作四个@import：

@import "settings";
@import "foundation";
@import "type";
@import "custom";

我在$main-color中定义了settings.scss这样的变量：

$main-color: blue;

但由于某种原因，当我在custom.scss中引用该文件时，出现错误：

body {
    background-color: $main-color;
}

知道可能导致此问题的原因是什么？提前谢谢！

Answer 1

您应该将settings.scss / custom.scss重命名为_settings.scss / _custom.scss。