Css 手写笔变量作用域如何跨文件工作？

理想情况下，我希望设置一个文件“colors.styl”，在这里我可以定义整个站点使用的所有颜色，如下所示：

// --------------- GENERAL VARIABLE DEFINITIONS
$beige        = #F2F2F2
$darkGrey     = #282828
$errorRed     = #B94A48

当我尝试在其他文件中访问这些变量时，我只是返回变量名，而不是解析值：

body {
  background-color: $beige;

---

我正在按顺序编译文件，以便colors.styl优先于其他文件。变量是否在手写笔中的文件之间失去作用域？

是的，变量在文件之间失去作用域

---

但是您可以在其他文件中访问变量。

除了在每个文件中执行

@import“colors”

之外，您还可以创建一个主加载程序文件，如下所示：

 @import "colors"

 @import "styles1"
 @import "styles2"

在colors.styl中定义的变量将在styles1.styl和styles2.styl中可用。手写笔的输出将是一个包含所有样式的大型css文件