css - Compass 和 Sass 是什么，它们有何不同？

Question

我想开始使用 Compass 和 Sass 来加速开发。目前，我已经在 Mac 上安装了 Sass，并指示它观察 Scss 文件的输入和生成的输出的 CSS 文件。

在许多文章中，Sass 与 Compass 一起使用，我想知道为什么会这样， Compass 添加了 Sass 没有的什么？如果能举个例子就更好了。

Answer 1

来自Wynn Netherland、Nathan Weizenbaum、Chris Eppstein 和 Brandon Mathis 的Sass 和 Compass in Action ：

1.3 什么是指南针？

Compass 帮助 Sass 作者编写更智能的样式表，并使设计师和开发人员社区能够创建和共享强大的框架。简而言之， Compass 是一个 Sass 框架，旨在使 Web 样式的工作顺利高效。就像 Rails 作为 Ruby 的 Web 应用程序框架一样， Compass 是一组有用的工具和经过实战考验的 Sass 最佳实践。

（重点补充）

Answer 2

Compass 是 Sass 的扩展（因为 Compass 需要 Sass）。它有自己的编译器（而不是sass --watch，你使用compass watch）。它拥有大量的 mixin 和函数，您会发现它们非常有用（虽然通常用于生成供应商前缀的 CSS3 属性，但它可以执行诸如自动生成 spritemap 和与之配套的 CSS 之类的事情）。

Compass 还以这样一种方式构建，您可以捆绑自己的引导类型库，以便在多个项目中轻松部署，而无需在每个项目中复制/粘贴源代码。