compiler-construction - Sass——按特定顺序观看

Question

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

sass --watch css/sass:css/compiled

但是我遇到了错误，因为我需要先编译我的变量、mixins 和 resets，然后再编译其余的文件。

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

Answer 1

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

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