通过gulp-ruby-sass编译scss文件

1.安装ruby，下载地址为：http://rubyinstaller.org/downloads/

2.安装sass，打开ruby命令行
gem install sass

3.在项目根目录创建package.json文件

{
    "devDependencies": {
    "gulp": "^3.9.1",
    "gulp-ruby-sass": "^1.4.0"
    }
}

执行该文件需要先安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

4.安装依赖文件
cnpm install

5.创建Gulpfile.js文件

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

gulp.task('sass', function () {
    return sass('styles/src')
        .on("error", sass.logError)
        .pipe(gulp.dest('styles/dist'));
});

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

6、最后执行任务就可以自动生成了
gulp

相关内容扩展

1.Gulp指令：http://www.gulpjs.com.cn/
2.Gulp-ruby-sass指令：https://github.com/sindresorhus/gulp-ruby-sass
3.Scss语法：http://sass-lang.com/