[Node.js] 使用gulp-ruby-sass

（1）目录结构

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，支持第二个参数用来控制压缩后的结果，

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

style有以下4种选择：
nested：嵌套缩进，它是默认值
expanded：每个属性占一行
compact：每条样式占一行
compressed：整个压缩成一行

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容