Compiler construction Sass——按特定顺序观看

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

sass --watch css/sass:css/compiled

但是我会出错，因为我需要先编译变量、mixin和reset，然后再编译其余的文件

---

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

您可能有如下文件结构：

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/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

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

现在您需要将它们编译成单个文件。在此处创建新文件，

style.scss

（不带下划线）：

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

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

请注意，文件开头的下划线不必出现在定义中，Sass将为您处理它

现在你可以跑了

sass --watch css/sass:css/compiled

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

css/compiled/style.css