Gulp 的目标是取代 Grunt

阅读数:7376 2014 年 2 月 14 日

话题:JavaScriptNode.js语言 & 开发

Fractal公司积极参与了数个流行 Node.js 模块的开发,它最近发布了一个新的构建系统gulp,希望能够取代 Grunt,成为最流行的 JavaScript 任务运行器。

根据 gulp 的文档,它努力实现的主要特性是:

  • 易于使用:采用代码优于配置策略,gulp 让简单的事情继续简单,复杂的任务变得可管理。
  • 高效:通过利用 node.js 强大的流,不需要往磁盘写中间文件,可以更快地完成构建。
  • 高质量:gulp 严格的插件指导方针,确保插件简单并且按你期望的方式工作。
  • 易于学习:通过把 API 降到最少,你能在很短的时间内学会 gulp。构建工作就像你设想的一样:是一系列流管道。

Gulp 通过流和代码优于配置策略来尽量简化任务编写的工作。这看起来有点“像 jQuery”的方法,把动作串起来创建构建任务。早在 UNIX 的初期,流就已经存在了。流在 Node.js 生态系统中也扮演了重要的角色,因此用 gulp 编写任务也可看作是用 Node.js 编写任务。当使用流时,gulp 去除了中间文件,只将最后的输出写入磁盘,整个过程因此变得更快。gulp 采用代码优于配置的策略,让简单的事情继续简单,将复杂的任务变得可管理。

与其他任务运行器一样,每个任务都可以是一个简单的工作单元:

var gulp = require('gulp'); 
var uglify = require('gulp-uglify');
gulp.task('scripts', function() {   
   return gulp
      .src(['src/js/**/*.js'])
      .pipe(uglify())
      .pipe(gulp.dest('build/js'));     
});

或者有任务依赖:

gulp.task('default-task', function(){
   gulp.run('scripts'); 
   // watch files and run scripts if they change 
   gulp.watch("./src/**/*.js", function(event { 
      gulp.run('scripts'); 
   });
); 

关于 Grunt,对它的抱怨除了过于冗长,还包括大量的插件做了他们不该做的工作。Mark Goodyear 在一篇博客中举了个例子,Grunt 的 imagemin 插件不仅压缩图片,同时还包括缓存功能。他表示,在 gulp 中,缓存是另一个插件,可以被别的插件使用,这样就促进了插件的可重用性。

查看gulp 的代码库活动以及加星关注的人数,可以发现这个构建系统已经开始获得动力。它同时也引起了 JavaScript 社区的兴趣:Yeoman 的首席开发者Addy Osmani,提交了一篇 issue,向团队成员介绍 gulp 并评估其替换当前构建系统。Sindre Sorhus是 Yeoman 研发团队成员和 NPM 的主要贡献者,写了一篇关于 gulp 的博客并在 Twitter 上提到 gulp:“比 Grunt 速度更快、配置更少”。

原文英文链接:Gulp Aiming to Dethrone Grunt


感谢梅雪松对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。