PHPStorm:如何将多个Sass文件合并为一个?

PHPStorm:如何将多个Sass文件合并为一个?,sass,phpstorm,Sass,Phpstorm,我有_header.scss、_footer.scss和_main.scss,我想将它们组合成一个,并生成style.css 我知道这与文件监视程序有关,但我还没有弄清楚如何将多个文件合并为一个文件。创建包含此代码的file styles.scs @import 'header'; @import 'main'; @import 'footer'; 这不是PHPStorm特性,而是SASS特性 在style.scss中,它应该从以下内容开始: @import "_header"; @impor

我有_header.scss、_footer.scss和_main.scss,我想将它们组合成一个,并生成style.css


我知道这与文件监视程序有关,但我还没有弄清楚如何将多个文件合并为一个文件。

创建包含此代码的file styles.scs

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

这不是PHPStorm特性,而是SASS特性

在style.scss中,它应该从以下内容开始:

@import "_header";
@import "_footer";
@import "_main";
PHPStorm不需要合并文件,SCS需要。上面的是正确的

确保导入文件的命名不带下划线(而不是SASS部分),否则将不会有输出CSS文件

正确

styles.scss
_styles.scss
不正确

styles.scss
_styles.scss

文件名前不需要下划线使用(下划线)的原因如下: