html - 许多 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 文件中的更改，并更新依赖文件。

样式.scss:

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

然后做:

sass --watch .

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

我修改_header.scss 或_footer.scss，如果也会更新style.scss。

也可以输出到其他目录:

sass --watch .:output_dir/