Compass和Sass是什么,它们有何不同?

170

我希望开始使用Compass和Sass来加快开发速度。目前,我在Mac上安装了Sass,并指示其监视Scss文件以进行输入,同时生成CSS文件作为输出。

根据许多文章,Sass与Compass一起使用,我想知道为什么会这样,Compass对于Sass来说有什么附加功能?如果您可以给出一个例子,那就更好了。

2个回答

141

来自 Sass和Compass实战,作者为Wynn Netherland、Nathan Weizenbaum、Chris Eppstein和Brandon Mathis:

1.3 什么是Compass?

Compass帮助Sass作者编写更智能的样式表,并赋予设计师和开发者创建和共享强大框架的社区。简而言之, Compass是一个Sass框架,旨在使Web页面的样式工作更加流畅和高效。就像Rails是Ruby的Web应用程序框架一样, Compass是一组有用的工具和经过验证的Sass最佳实践的集合。

(已加重点)


6
这个回答比较书面化,需要提供使用示例。 - Anirudha

70

Compass是Sass的扩展(也就是说,使用Compass需要先安装Sass)。它有自己的编译器(不同于sass --watch,你需要使用compass watch)。Compass具有大量的混合器和函数,这些都非常有用(虽然通常用于生成带有厂商前缀的CSS3属性,但它还可以自动生成雪碧图及其对应的CSS)。

Compass的设计还支持捆绑自己的bootstrap类型库,方便在多个项目中轻松部署,无需在每个项目中复制/粘贴源代码。


2
它是基于SASS构建的库,还是一个新的语言(可能是向后兼容的扩展)? - Ciro Santilli OurBigBook.com
2
Ciro:这更多的是第一件事,但它并不是一个真正的库。它包括了一些混合和函数的库,但它不仅如此,因为它还有自己的编译器。 - SO'Brien

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接