首页 > 其他 > 详细

gulp

时间:2015-02-13 11:25:00      阅读:346      评论:0      收藏:0      [点我收藏+]

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

 

去掉consoledebug信息

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的各种不好,但是觉得发生的几率比较小。

他推荐用npmbuilding 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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!