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 with the Sass gem.

To compile Sass with libsass, use gulp-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 of gulp.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‘));
});

gulp

标签：

原文地址：http://www.cnblogs.com/skyjune/p/4289902.html