许多SCSS/SASS文件到一个CSS文件？

Question

是否有可能使SASS听很多SASS文件的目录,并生成一个CSS文件？通过将许多sass文件包含在一个(style.scss)中,我找到了一种方法:

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

然后运行以下代码:

sass --watch style.scss:style.css

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

Answer 1

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

style.scss:

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

并做:

sass --watch .

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

我修改了_header.scss或_footer.scss,如果还要更新style.scss.

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

sass --watch .:output_dir/

Answer 2

您可以通过以下命令告诉 SASS 查看整个文件夹：

sass --watch application/sass:public/stylesheets

如果您导入所有部分文件，这应该会生成一个文件。每次编辑文件夹中的文件时，都会自动生成 CSS 文件。