自动化构建工具gulp的使用

来源:互联网 发布:2016淘宝严打刷单 编辑:程序博客网 时间:2024/06/05 05:46

配置教程

安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件
详情请看http://www.cnblogs.com/strick/p/5151714.html

gulp插件的详细介绍

http://www.jianshu.com/p/3e0c16b2e7ef

插件的使用

http://www.cnblogs.com/yuzhongwusan/p/5417076.html
https://segmentfault.com/a/1190000006161774?_ea=1034036
http://www.cnblogs.com/weilantiankong/p/5920819.html

结构目录
‘www/*’ 匹配 www/a.js www/js

‘www/?.js’ 匹配 www/a.js

‘www/*/.js’ 匹配 www/所有二级目录下的js

[‘www//.js’,’src//.js’] 匹配 www和src下面的所有的子级目录下面的js文件;

[‘www/*/.js’,’!www/*.js’] 匹配不包含www下面的a.js的所有其他的js文件;

当前两个流行的构建工具gulp和grunt的对比

Gulp 和 Grunt 同为前端自动化构建工具, 但在工作流程和效率等方面存在很大的差异,下面从工作流程、使用方式、效率和插件的重用性等多个方面进行比较分析。
(1)工作流程
Grunt 的工作流程:重复着读文件、修改文件、写文件的流程。使用 Grunt 的 I/O 过程中会产生一些中间态的临时文件,一些任务生成临时文件,其它任务可能会基于临时文
件再做处理并生成最终的构建后文件。
Gulp 的工作流程:从文件流到文件流。使用 Gulp 的优势就是利用流的方式进行文件的处理,通过管道将多个任务和操作连接起来,因此只有一次 I/O 的过程,流程更清晰,
更纯粹。
(2)使用方式:Grunt 是采用配置的策略处理任务,而Gulp 采用代码优于配置的策略,使得复杂的任务便于管理,更易于维护。
(3)效率:因为 Grunt 操作会创建临时文件,会有频繁的 I/O 操作,而 Gulp 使用的是流操作,不需要往磁盘中写中间文件,一直是在内存中处理,直到输出结果,可以更快地完成构建。因此在效率上 Gulp 远胜 Grunt。

原创粉丝点击