问题 Stylus变量范围如何跨文件工作?


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

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

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

body {
  background-color: $beige;

我正在按顺序编译文件,所以colors.styl先于其余部分。变量是否会在Stylus中的文件中丢失范围?


914
2018-02-20 21:33


起源



答案:


而不是做 @import "colors" 在每个文件中,您还可以创建一个主加载器文件,如下所示:

 @import "colors"

 @import "styles1"
 @import "styles2"

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


10
2018-03-24 00:26





是的,变量会跨文件丢失范围。

但是你可以 @import color 在其他文件中访问变量。


0
2018-03-03 22:04