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 

一个单一的文件