Sass、Compass，将所有CSS文件编译为一个文件

Question

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

- Itsmeromka

Answer 1

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

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

你需要将文件重命名为 "scss" 扩展名，这样导入指令才能找到它们。如果你不希望 main.scss、about.scss 和 news.scss 这些文件本身编译成 CSS 文件，你可以使用局部文件，方法是在文件名前加下划线（例如：_main.scss、_about.scss、_news.scss）。

- hopper

---

编译所有的 SCSS 文件成一个 CSS 文件是首选的方式吗？ - Vincent

通常是这样的。将所有CSS合并到一个文件中可以通过减少每个页面的HTTP请求数量来提高性能。这是一个很好的参考：http://developer.yahoo.com/performance/rules.html#num_http - hopper