Sass - 特別訂購

Question

在textmate中，我的.scss文件按字母順序排列。我將它們編譯成.css文件。

sass --watch css/sass:css/compiled 

遇到錯誤，但因爲我需要我的變量，混入並重置必須先編譯，然後將文件的其餘部分。

如何設置文件的編譯順序？

Answer 1

你可能有文件結構是這樣的：

css/sass/main.scss 
css/sass/mixins.scss 
css/sass/print.scss 
css/sass/reset.scss 
css/sass/variables.scss 

這些文件被稱爲諧音。你需要做的另一件事是每個文件名前添加_（下劃線），像這樣：

css/sass/_main.scss 
css/sass/_mixins.scss 
css/sass/_print.scss 
css/sass/_reset.scss 
css/sass/_variables.scss 

這將告訴薩斯不會編譯這些文件分開.css文件。

現在你想編譯成單個文件。創建新的文件，style.scss（無下劃線）在這裏：

css/sass/style.scss 

打開它，把你的部分文件，在需要的順序有：

@import "variables"; 
@import "mixins"; 
@import "reset"; 
@import "main"; 
@import "print"; 

需要注意的是強調在文件的beggining不必在定義中，Sass會爲你處理它。

現在你可以運行

sass --watch css/sass:css/compiled 

和薩斯將編譯所有的部分文件內容到位於

css/compiled/style.css 

一個單一的文件