PHPStorm：如何将多个Sass文件合并为一个？

Question

我有_header.scss，_footer.scss和_main.scss，我想将它们全部合并为一个并生成style.css。

我知道它与文件观察者有关，但我无法弄清楚如何将多个文件合并为一个。

Answer 1

创建包含此代码的文件styles.scss

@import 'header';
@import 'main';
@import 'footer';

Answer 2

它不是PHPStorm功能，它是SASS功能。

在style.scss中，它应该从以下开始：

@import "_header";
@import "_footer";
@import "_main";

PHPStorm不必合并文件，Scss也可以。

Answer 3

上面的@SlawaEremkin是正确的。

确保导入文件的名称没有下划线（不是SASS部分），否则将不会有输出CSS文件。

正确

styles.scss

不正确

_styles.scss