预处理

CSS本身可能很有趣,但是样式表正变得越来越大、越来越复杂、越来越难以维护。这就是预处理可以提供帮助的地方。Sass允许您使用CSS中还不存在的特性,比如变量、嵌套、混合、继承和其他漂亮的特性,这些特性使编写CSS再次变得有趣。

Sass会把预处理好的Sass文件保存为一个普通的可以在网站上使用CSS文件。

在终端中使用是最直接的使用方法。安装了Sass之后,可以用Sass命令将Sass编译为CSS。您需要告诉Sass从哪个文件构建,以及将CSS输出到哪里。例如,在终端运行sass input.scss output.css,将会把一个Sass文件input.scss编译输出为output.css

您还可以使用--watch标志查看单个文件或目录。watch标志告诉Sass监听源文件的更改,并在每次保存Sass时重新编译CSS。如果想查看(而不是手动构建)input.scss文件,您只需要添加watch标志到的命令,像这样:

sass --watch input.scss output.css

您可以使用文件夹路径作为输入和输出,并使用冒号分隔它们,来监听文件并输出到目录。例如:

sass --watch app/sass:public/stylesheets

Sass将会监听app/sass目录下的所有变动的文件,编译css到目录public/stylesheets

上次更新: 2019-10-11 1:26:28 PM