我想开始使用 Compass 和 Sass 来加速开发。目前,我已经在 Mac 上安装了 Sass,并指示它观察 Scss 文件的输入和生成的输出的 CSS 文件。
在许多文章中,Sass 与 Compass 一起使用,我想知道为什么会这样, Compass 添加了 Sass 没有的什么?如果能举个例子就更好了。
来自 Wynn Netherland、Nathan Weizenbaum、Chris Eppstein 和 Brandon Mathis 的 Sass 和 Compass in Action:
1.3 什么是指南针? Compass 帮助 Sass 作者编写更智能的样式表,并使设计师和开发人员社区能够创建和共享强大的框架。简而言之,Compass 是一个 Sass 框架,旨在使 Web 样式设计工作顺利高效。就像 Rails 作为 Ruby 的 Web 应用程序框架一样,Compass 是一组有用的工具和经过实战考验的 Sass 最佳实践。
(重点补充)
Compass 是 Sass 的扩展(因为 Compass 需要 Sass)。它有自己的编译器(您使用 compass watch
而不是 sass --watch
)。它拥有大量的 mixin 和函数,您会发现它们非常有用(虽然通常用于生成供应商前缀的 CSS3 属性,但它可以执行诸如自动生成 spritemap 和与之配套的 CSS 之类的事情)。
Compass 还以这样一种方式构建,您可以捆绑自己的引导类型库,以便在多个项目中轻松部署,而无需在每个项目中复制/粘贴源代码。