Stylus 变量范围如何跨文件工作？答案

【问题标题】：How does Stylus variable scope work across files?Stylus 变量范围如何跨文件工作？
【发布时间】：2013-02-06 01:48:10
【问题描述】：

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

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

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

body {
  background-color: $beige;

我正在按顺序编译文件，因此 colors.styl 排在其他文件之前。变量是否会在 Stylus 中跨文件失去作用域？

【问题讨论】：

标签： css stylus

【解决方案1】：

除了在每个文件中都使用@import "colors"，您还可以制作一个主加载器文件，如下所示：

 @import "colors"

 @import "styles1"
 @import "styles2"

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

【讨论】：

【解决方案2】：

是的，变量失去了跨文件的作用域。

但您可以在其他文件中通过@import color 访问变量。

【讨论】：