手寫筆變量作用域如何跨文件工作？

Question

理想情況下，我想建立一個文件「colors.styl」在那裏我可以定義整個站點使用像這樣的所有顏色：

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

當我嘗試在其他文件中訪問這些變量，我只需獲取變量名稱而不是解析值：

body { 
    background-color: $beige; 

我按順序編譯文件，以使colors.styl先於其餘。變量在Stylus中的文件中是否會失去其作用域？

Answer 1

是的，變量在文件間丟失了範圍。

但是您可以在@import color的其他文件中訪問變量。

Answer 2

而是在每一個文件做@import "colors"，你也可以做一個主加載程序文件，像這樣的：那麼在colors.styl定義

@import "colors" 

@import "styles1" 
@import "styles2" 

變量將在styles1.styl和styles2.styl可用。手寫筆輸出將是一個包含所有樣式的大css文件。