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

这些文件称为 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