在textmate中,我的.scss文件按字母顺序排列。我将它们编译成.css文件。
sass --watch css/sass:css/compiled
我遇到了错误,因为我需要首先编译变量,mixins和重置,然后是其余的文件。
如何设置文件编译的顺序?
答案 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