Sass 如何在不同的导入文件之间共享变量？

我想以模块化的方式使用SASS。在下面的代码段中，您可以看到我考虑组织某个页面布局的方式。

我脑子里想的是这个问题

---

是的，这就是它的工作原理

只要在导入其他文件之前导入

\u colors.scss

---

您可以在这里查看Twitter引导到Sass的端口：它以类似的方式使用变量。

您需要添加一个

@import

行的末尾添加code>。

这样就可以了。我在我所有的项目中都使用它，没有任何问题。如果你看到一个错误，那就是其他地方出了问题。这对我来说仍然不起作用。似乎变量需要在使用它的文件中。@SimonBoudrias您如何知道“错误与实际问题无关”？如果OP忽略了分号，那么这个问题应该作为印刷错误结束。如果分号存在，则问题仍应以“不可再现”结束。@cimmanon示例代码中的语法错误与所问问题无关。@SimonBoudrias和修复语法错误不会产生问题中声称的错误。事实上，它根本不会产生错误。这应该是一个注释而不是答案。这是解决方案。我遇到了同样的问题。好吧，你的意思是，当添加分号时，变量就被共享了？哇，那个接缝非常不直观。应在哪一行添加“共享者”或“接收者”？您是否有对它的引用？如果文件扩展名为，则不正确。sass@Chloe的确这就是为什么我的陈述是对你答案的评论，而你的陈述就是答案；）

// file: some_page.scss  
//   
// I want some variables from the fonts, colors partials  
// to be visible to the buttons partial  
// Is it possible?   
// error: _buttons.scss (Line X: Undefined variable: "$color_blue")

@import "colors"  
@import "fonts"  
@import "buttons" 

// in file: _colors.scss  
$color_blue: blue;

// in file: _buttons.scss  

.button {
    background-color: $color_blue;
}