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