css – Stylus变量范围如何在文件之间工作？

理想情况下,我想建立一个文件“colors.styl”在那里我可以定义整个站点使用像这样的所有颜色：

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

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

body {
  background-color: $beige;

我正在编译文件,所以colors.styl在其余的之前.变量会在Stylus中的文件中丢失其范围吗？

解决方法

而不是在每个文件中使用@import“colors”,您也可以制作一个主要的加载程序文件,如下所示：

@import "colors"

 @import "styles1"
 @import "styles2"

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