写点什么

Gulp 的目标是取代 Grunt

  • 2014-02-14
  • 本文字数:1108 字

    阅读完需:约 4 分钟

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 )关注我们,并与我们的编辑和其他读者朋友交流。

2014-02-14 09:578943

评论

发布
暂无评论
发现更多内容

如何在 Go 中写出高效的单元测试

Grafana 爱好者

testing slideshare Go 语言

技术解读:单集群如何做到2万+规模

数据湖洞见

大数据 FusionInsight 华为云 大集群

手把手整合SSM框架

JavaPub

关于架构的几件小事:架构概述(1)

北风

架构 架构设计 架构师 架构设计原则

架构师训练营第六周学习总结

张明森

U盘+grub2安装centos8实战

程序饲养员

了不起的 Webpack Scope Hoisting 学习指南

Geek_z9ygea

Java 大前端 webpack

[译] 图解前端-深入理解 Props 和 State

梦见君笑

大前端 React 漫画编程

JavaScript 混淆与逆向必读之 AST 节点类型名词基础

穿甲兵

Java

工程规约 - maven统一管理

Man

maven DevOps 工程规约

创业使人成长系列 (3)- 如何取个好名字

石云升

创业 成长 取名

java8的parallelStream提升数倍查询效率

网站,小程序,APP开发定制

java8

如何使用预测性指标衡量敏捷转型的成功?

Atlassian

敏捷开发 开发工具 Atlassian Jira

架构师训练营第六周作业--doris临时失效时序图

CATTY

时序图

架构师训练营第六周学习总结

CATTY

帮助小团队实现大梦想 | Atlassian 云产品免费使用

Atlassian

[译] 图说前端-组件、Prop 和 State

梦见君笑

大前端 React 漫画编程

万字详解加拿大央行CBDC分析报告

CECBC

每周学习总结 - 架构师培训 6期

Damon

vue项目发布时去除console语句

网站,小程序,APP开发定制

阿里花500万年薪招天才黑客?官方回应:这种人得交给警察

程序员生活志

黑客 阿里

AOP有几种实现方式?

八苦-瞿昙

技术 随笔杂谈 aop 代理 框架

要不要做一个gif动态图玩一下?

诸葛小猿

GIF ScreenToGif 动态图

架构师训练营第六周作业

talen

[译] 图说前端-图解 React Native

梦见君笑

大前端 漫画编程

ARTS 04 - 使用 Gitlab + Generic Webhook Trigger 触发 Jenkins 自动化构建

jerry.mei

算法 ARTS 打卡计划 CI/CD 函数式编程 Elixir

海南的七星彩网站系统盘口代码解析

网站,小程序,APP开发定制

代码

架构师课程第六周 作业

杉松壁

如何编写可怕的 Java 代码?

武培轩

Java 编程 程序员 后端

使用 Generic Webhook Trigger 触发 Jenkins 多分支流水线自动化构建

jerry.mei

DevOps 持续集成 jenkins CI/CD 持续交付

[译] 图说前端-图解 React

梦见君笑

大前端 React 框架

Gulp的目标是取代Grunt_JavaScript_João Paulo Marques_InfoQ精选文章