Sass，Compass，将所有CSS文件编译为一个[重复]

Posted 2023-03-06

【中文标题】Sass，Compass，将所有CSS文件编译为一个[重复]

【英文标题】：Sass, Compass, compile all CSS file to one [duplicate]

【发布时间】：2012-10-13 02:45:19

【问题描述】：

现在，当我开发我的项目时，我有三个文件，“main.css”、“about.css”和“news.css”（例如）。是否可以将它们编译成一个“final.css”用于生产？

【参考方案1】：

SASS import directive 用于将一个文件的内容导入另一个文件，因此您可以创建一个文件final.scss，其内容为：

@import 'main';
@import 'about';
@import 'news';

然后您需要将文件重命名为具有“scss”扩展名，以便导入指令能够找到它们。如果您不希望 main.scss、about.scss 和 news.scss 文件自己编译为 CSS 文件，您可以使用 partials 通过在文件名前加上下划线（即 _main.scss、_about.scss , _news.scss)。

【讨论】：

这是在一个 css 文件中编译所有 scss 的首选方式吗？

是的，通常情况下。将所有 CSS 组合到一个文件中可以通过减少每页的 HTTP 请求数来提高性能。这是一个很好的参考：developer.yahoo.com/performance/rules.html#num_http