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/
