FED实验室 - 专注WEB端开发和用户体验

Gulp——自动化构建工具

AUTOMATION 煦涵 4005℃ 0评论

前言

随着Web技术的发展,前端工程师需要维护的代码变得极为庞大和复杂,代码维护、压缩、打包、发布等流程也变得极为繁琐,在重复劳动的过程中浪费了大量时间和精力,于此同时,出错的概率也在隐性增加,因为我们的愿景是有一种工具可以取代这种重复劳动,在国内一些大型互联网公司都有自己的工具,如百度的FIS,腾讯的Modjs,阿里的Ant等等,当然也有一些开源的工具,如Grunt、Gulp等。下面来学习下Gulp。

一、What is?

Gulp是一种基于流的,代码优于配置的新一代构建工具。Gulp 和 Grunt 类似。但相比于 Grunt 的频繁的 IO 操作,Gulp 的流操作,能更快地完成构建。

二、Features

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

三、Dependence

Grunt是基于Node.js基础上运行的。使用Grunt前,必须按照Node 和 NPM

四、Install

npm install -g gulp
npm install —-save-dev gulp

五、参考链接

https://github.com/gulpjs/gulp

下面是「FED实验室」的微信公众号二维码,欢迎扫描关注:

FED实验室

行文不易,如有帮助,欢迎打赏!

赞赏支持or喜欢 (0)or分享 (0)
捐赠共勉
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址