（1）目錄結(jié)構(gòu)

app/styles/src
    index.scss
app/styles/dist
    index.css

（2）package.json

{
  "devDependencies": {
    "gulp": "^3.9.0",
    "gulp-ruby-sass": "^1.0.5"
  }
}

命令行：cnpm install

（3）Gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');

gulp.task('sass', function () {
    return sass('app/styles/src')
        .pipe(gulp.dest('app/styles/dist'));
});

gulp.task('default',['sass']);

命令行：gulp

注：
（1）SASS與SCSS文件的語法是不同的，
SASS使用縮進，省略分號，
SCSS是CSS的超集。

（2）sass，支持第二個參數(shù)用來控制壓縮后的結(jié)果，

sass('app/styles/src',{style:'expanded'})

style有以下4種選擇：
nested：嵌套縮進，它是默認值
expanded：每個屬性占一行
compact：每條樣式占一行
compressed：整個壓縮成一行