html – 许多SCSS/SASS文件到一个CSS文件?

是否可以使sass听许多sass文件的目录并生成一个CSS文件?我已经找到一种方法,包括许多sass文件到一个(style.scss):

@import "scss/header";
@import "scss/footer";

然后运行以下代码:

sass --watch style.scss:style.css

但问题是我必须在生成新的CSS文件之前更改该文件。

如果您看目录,sass将能够注意到@imported文件中的更改,并更新相关文件。

style.scss:

@import "header";
@import "footer";

并做:

sass --watch .

它会将目录中的所有文件编译为.css;忽略名称以_开头的文件。

我修改_header.scss或_footer.scss,如果还会更新style.scss。

您也可以在其他目录中输出:

sass --watch .:output_dir/
翻译自:https://stackoverflow.com/questions/7307456/many-scss-sass-files-to-one-css-file

转载注明原文:html – 许多SCSS/SASS文件到一个CSS文件?