Gulp

http://www.sitepoint.com/introduction-gulp-js/

国内的教程说“gulp.js是一种基于流的，代码优于配置的新一代构建工具。”这也太教条了

国外的说gulp就像一个管道工具，你的文件通过这根管道可以进行各种处理，比如说移除调试代码，混淆代码，把很多文件合成一个（比如css合成一个），移动文件放到指定的位置。然后产生最终的代码

gulp and grunt is task runners (or build systems )

npm—the Node.js package manager which is used to install modules.

移动文件位置：

npm install gulp-changed --save-dev

压缩图片：

npm install gulp-imagemin --save-dev

Mifnify html files

npm install gulp-minify-html --save-dev

去掉console和debug信息

npm install gulp-strip-debug --save-dev

去掉空格

npm install gulp-uglify --save-dev

http://blog.keithcirkel.co.uk/why-we-should-stop-using-grunt/

作者说了gulp的各种不好，但是觉得发生的几率比较小。

他推荐用npm做building tool这个倒是值得尝试

https://gist.github.com/chantastic/9540447

使用gulp时可能遇到的各种问题

http://stackoverflow.com/questions/27379550/cant-get-gulp-ruby-sass-or-gulp-sass-to-work-at-all

Gulp-ruby-sass更新

https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0#usage

Gulp-ruby-sass官网

gulp-ruby-sass

Compiles Sass withthe Sass gem.

To compile Sass withlibsass, usegulp-sass

LibSass is a C/C++ port of the Sass engine，比ruby编译时间短

http://ericlbarnes.com/setting-gulp-bower-bootstrap-sass-fontawesome/

使用这个教程报错

TypeError: Arguments to path.join must be strings

http://stackoverflow.com/questions/28140012/gulp-typeerror-arguments-to-path-join-must-be-strings

发现是gulp-ruby-sass语法更新了

gulp-ruby-sass is a gulp source adapter. Use it instead ofgulp.src.

var gulp=require('gulp');var sass=require('gulp-ruby-sass');gulp.task('sass',function() {return sass('source/')    .on('error',function (err) {console.error('Error!', err.message);  })    .pipe(gulp.dest('result'));

});

直接换成gulp-sass  https://github.com/dlmanning/gulp-sass

var gulp=require('gulp');var sass=require('gulp-sass');gulp.task('sass',function () {    gulp.src('./scss/*.scss')        .pipe(sass())        .pipe(gulp.dest('./css'));

});