Sass watch和Compass watch有什么区别?

13

目前我正在使用Sass

sass --watch path1:path2

编译 SCSS 文件为 CSS,但我甚至找不到。
compass watch path1:path2

另外,这两个手表有什么区别吗?我使用 compass create project 创建了一个项目,并发现有两个主文件夹称为 sassstylesheets。我查看了 screen.scss 文件并找到了代码 @import "compass/reset";,但没有任何名为 compass 的目录来调用 reset。

我对sass和compass非常陌生。有人可以解释一下如何使用compass吗?任何帮助都将不胜感激。提前致谢。

1个回答

19
要理解它们之间的区别,您必须首先了解Sass和Compass之间的区别。
- Sass是CSS的扩展语言。它具有内置的数学函数,并添加了添加更多函数和混合(mixins)的能力 - 但不包括任何函数和混合。 - Compass是Sass的框架。它在Sass上添加了其他功能,例如CSS3 mixins、布局助手和其他实用程序。它还使您能够将其他第三方框架添加到项目中(称为extensions)。
因此,两者之间的区别在于:
- sass --watch会编译Sass文件,但由于它对Compass一无所知,因此它将忽略它。 - compass watch与Sass命令完全相同,只是它知道其他Compass功能。因此,当您导入compass/reset时,它知道要导入什么。

您可以在此处找到有关Compass所有功能的参考:http://compass-style.org/reference/compass/

每个页面顶部都会显示应导入哪个Compass部分。例如,这是有关reset的页面:http://compass-style.org/reference/compass/reset/


这意味着如果我们使用compass,就不需要sass --watch了吗? - Santosh shah
如果Sass可以编译任何传统的CSS,那么说Sass是CSS的超集是否更准确? - Alon Amir
1
@AlonAmir 没错。Sass已经更新了他们的定义,现在使用“扩展(extension)”这个词,所以我会采用这个词。 - rdougan
准确来说,SCSS是CSS的超集。Sass还有一个称为简单SASS的旧语法,但不再使用。 - Paulo Scardine

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