编译Sass

　　SASS分为两种语法，一种是SCSS，另一种就是SASS。到目前为止，我们所说的SASS其实就是其新语法，也就是——SCSS，只不过大家都还是习惯性的称之为SASS。这一点需要注意。

　　下面是一个简单的sass示例：

　　

　　现在我们将创建文件作为 style.scss 这是非常类似于CSS。它将保存为.scss扩展名的文件。.htm和.scss文件应该在文件夹ruby中创建。您可以将.scss文件保存到文件夹ruby \ lib \ sass \（在此过程之前，在lib目录中创建一个文件夹为sass）。

　　.scss文件如下：

　　

　　下面用命令行来编译.scss文件。命令行编译如下：

　　//单文件转换命令

　　sass input.scss output.css

 

　　//单文件监听命令（当您运行上述命令时，它将自动创建 style.css 文件。每当您更改SCSS文件时，style.css 文件将自动更新。）

　　sass --watch input.scss:output.css

 

　　//如果你有很多的sass文件的目录，你也可以告诉sass监听整个目录：

　　sass --watch app/sass:public/stylesheets

 

　　.sass文件的编译有4中编译排版模式，这里我是用的是nested 编译排版格式

　　针对此示例（.html文件与.scss文件存放在Buby下的lib文件夹下），命令行如下：

　　

　　

　　编译后的style.css文件如下：

　　

　　

　　运行后如下：