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

Posted 2023-03-06

技术标签:

【中文标题】PHPStorm：如何将多个 Sass 文件合并为一个？【英文标题】：PHPStorm: How do I combine multiple Sass files into one? 【发布时间】：2014-01-20 09:10:23 【问题描述】：

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

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

【问题讨论】：

【参考方案1】：

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

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

【讨论】：

【参考方案2】：

这不是 phpStorm 功能，而是 SASS 功能。

在 style.scss 中应该以：

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

PHPStorm 不需要合并文件，Scss 可以。

【讨论】：

文件名前不需要下划线这里解释使用_（下划线）的原因：***.com/questions/34889962/…【参考方案3】：

@SlawaEremkin 以上是正确的。

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

正确

styles.scss

不正确

_styles.scss

【讨论】：

以上是关于PHPStorm：如何将多个 Sass 文件合并为一个？的主要内容，如果未能解决你的问题，请参考以下文章