我希望开始使用Compass和Sass来加快开发速度。目前,我在Mac上安装了Sass,并指示其监视Scss文件以进行输入,同时生成CSS文件作为输出。
根据许多文章,Sass与Compass一起使用,我想知道为什么会这样,Compass对于Sass来说有什么附加功能?如果您可以给出一个例子,那就更好了。
我希望开始使用Compass和Sass来加快开发速度。目前,我在Mac上安装了Sass,并指示其监视Scss文件以进行输入,同时生成CSS文件作为输出。
根据许多文章,Sass与Compass一起使用,我想知道为什么会这样,Compass对于Sass来说有什么附加功能?如果您可以给出一个例子,那就更好了。
来自 Sass和Compass实战,作者为Wynn Netherland、Nathan Weizenbaum、Chris Eppstein和Brandon Mathis:
1.3 什么是Compass?
Compass帮助Sass作者编写更智能的样式表,并赋予设计师和开发者创建和共享强大框架的社区。简而言之, Compass是一个Sass框架,旨在使Web页面的样式工作更加流畅和高效。就像Rails是Ruby的Web应用程序框架一样, Compass是一组有用的工具和经过验证的Sass最佳实践的集合。
(已加重点)
Compass是Sass的扩展(也就是说,使用Compass需要先安装Sass)。它有自己的编译器(不同于sass --watch
,你需要使用compass watch
)。Compass具有大量的混合器和函数,这些都非常有用(虽然通常用于生成带有厂商前缀的CSS3属性,但它还可以自动生成雪碧图及其对应的CSS)。
Compass的设计还支持捆绑自己的bootstrap类型库,方便在多个项目中轻松部署,无需在每个项目中复制/粘贴源代码。