Sass - 特别是按顺序观看

时间:2013-03-18 10:10:07

标签: compiler-construction sass watch

在textmate中,我的.scss文件按字母顺序排列。我将它们编译成.css文件。

sass --watch css/sass:css/compiled

我遇到了错误,因为我需要首先编译变量,mixins和重置,然后是其余的文件。

如何设置文件编译的顺序?

1 个答案:

答案 0 :(得分:2)

你可能有这样的文件结构:

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

这些文件称为 partials 。您需要做的另一件事是在每个文件名之前添加 _ (下划线),如下所示:

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

这将告诉Sass不要将这些文件编译为单独的.css文件。

现在您要将它们编译为单个文件。在此创建新文件style.scss(不带下划线):

css/sass/style.scss

打开它并将部分文件按所需顺序放在那里:

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

请注意,文件开头的下划线不必在定义中,Sass会为您处理。

现在你可以运行

sass --watch css/sass:css/compiled

和Sass会将所有部分文件的内容编译成位于

中的单个文件
css/compiled/style.css