gulp插件/gulp模块
1、gulp
介绍：http://www.gulpjs.com.cn/docs/getting-started/
作用：前端自动化构建工具，在国内经常使用的还有webpack和grunt。
2、path
介绍：http://www.jianshu.com/p/fe41ee02efc8
作用：文件路径解析工具
3、yargs
介绍：https://www.npmjs.com/package/yargs
作用：获取命令中的参数，获取参数后可以进行判断进而处理不同的任务
4、gulp-if
介绍：https://www.npmjs.com/package/gulp-if/
作用：判断插件,用于pipe导流管中
5、gulp-clean
介绍：https://www.npmjs.com/package/gulp-clean
作用：删除文件或文件夹
6、del
介绍：https://www.npmjs.com/package/del
作用：删除文件或文件夹
7、run-sequence
介绍：https://www.npmjs.com/package/run-sequence
作用：顺序执行多个自己指定的task任务
8、gulp-sourcemaps
介绍：https://www.npmjs.com/package/gulp-sourcemaps
作用：存储源代码位置信息插件，对应了转换前和转换后的代码位置，一般用于浏览器端调试压缩混淆后的JS代码
9、lazypipe
介绍：https://www.npmjs.com/package/lazypipe
作用：分离多个pipe导流管道至一个工厂，即把多个stream链进行单独集合
10、gulp-util
介绍：https://www.npmjs.com/package/gulp-util
作用：这里用只使用其日志打印功能
11、node-notifier
介绍：https://www.npmjs.com/package/node-notifier
作用：windows或unix系统使用任务栏通知工具，苹果系统用gulp-notify模块
12、gulp-sftp
介绍：https://www.npmjs.com/package/gulp-sftp
作用：FTP上传插件
13、gulp-tap
介绍：https://www.npmjs.com/package/gulp-tap
作用：进入pipe管道，可针对当前文档进行操作
14、gulp-watch
介绍：https://www.npmjs.com/package/gulp-watch
作用：可对指定的文件进行监听
15、stream-combiner2
介绍：https://www.npmjs.com/package/stream-combiner2
作用：合并多个stream，然后进行错误监听，可防止错误时导致进程中断
16、gulp-changed
介绍：https://www.npmjs.com/package/gulp-changed
作用：监听并且获取到stream中变更的文件
17、browser-sync
介绍：https://www.npmjs.com/package/browser-sync
作用：监听项目源文件变更，同步刷新浏览器，支持多浏览器或设置终端
18、vinyl-paths
介绍：https://www.npmjs.com/package/vinyl-paths
作用：操作pipe中文件的路径
19、fs
介绍：http://nodejs.cn/api/fs.html
作用：文件操作模块，即node.js中的file system
20、glob
介绍：https://www.npmjs.com/package/glob
作用：找到与参数相匹配的文件，用于同步搜索文件
21、gulp-filter
介绍：https://www.npmjs.com/package/gulp-filter
作用：筛选符合条件的文件对象并进行排除
22、gulp-rename
介绍：https://www.npmjs.com/package/gulp-rename
作用：重命名文件
23、gulp-cheerio
介绍：https://www.npmjs.com/package/gulp-cheerio
作用：可对HTML和XML文件进行DOM操作，类似jQuery操作
24、gulp-dom-src
介绍：https://www.npmjs.com/package/gulp-dom-src
作用：使HTML文档中所有script/link引用的文件形成一个stream
25、gulp-md5-plus
介绍：https://www.npmjs.com/package/gulp-md5-plus
作用：使HTML文档中的资源文件改为md5戳命名，同时也修改HTML的资源引用名
26、gulp-jsdoc3
介绍：https://www.npmjs.com/package/gulp-jsdoc3
作用：js自动生成文档
27、gulp-html-minifier
介绍：https://github.com/kangax/html-minifier#user-content-options-quick-reference
作用：HTML文档压缩
28、gulp-uglify
介绍：https://www.npmjs.com/package/gulp-uglify
作用：JS文档压缩
29、gulp-clean-css
介绍：https://www.npmjs.com/package/gulp-clean-css
作用：CSS文档压缩
30、gulp-imagemin
介绍：https://www.npmjs.com/package/gulp-imagemin
作用：JPEG、PNG、GIF、SVG图片压缩
31、gulp-css-spriter
介绍：https://www.npmjs.com/package/gulp-css-spriter
作用：对单个CSS文档中使用的所有图片合并成一张图，并且CSS自动以绝对像素重新调用。即雪碧图、精灵图
32、gulp-css-base64
介绍：https://www.npmjs.com/package/gulp-css-base64
作用：对CSS文档的图片进行BASE64编码，可减少HTTPS请求，因大图使用后会造成CSS文档过大，所以需要控制适用图片的大小
33、gulp-useref
介绍：https://www.npmjs.com/package/gulp-useref
作用：合并HTML文档中JS、CSS为单一文件，并且改写资源请求
34、gulp-concat
介绍：https://www.npmjs.com/package/gulp-concat
作用：合并gulp.src()中文件为单一文件
35、browserify
介绍：https://www.npmjs.com/package/browserify
作用：合并指定入口JS文件内的依赖模块，适用于commonJS规范
36、gulp-webpack
介绍：https://www.npmjs.com/package/gulp-webpack
作用：合并指定入口JS文件内的依赖模块，适用于commonJS、AMD、CMD规范
37、gulp-seajs-combo
介绍：https://www.npmjs.com/package/gulp-seajs-combo
作用：合并指定入口JS文件内的依赖模块，适用于CMD规范，即SeaJs
38、amd-optimize
介绍：https://www.npmjs.com/package/amd-optimize
作用：合并指定入口JS文件内的依赖模块，适用于AMD规范，即RequireJs
39、gulp-less
介绍：https://www.npmjs.com/package/gulp-less
作用：编译less文件至css文件
40、gulp-sass
介绍：https://www.npmjs.com/package/gulp-sass
作用：编译sass文件至css文件
41、gulp-stylus
介绍：https://www.npmjs.com/package/gulp-stylus
作用：编译stylus文件至css文件
42、gulp-coffee
介绍：https://www.npmjs.com/gulp-coffee
作用：编译coffee文件至js文件
43、gulp-babel
介绍：https://www.npmjs.com/package/gulp-babel
作用：可编译ES6至ES5，编译react的JSX变为createElement调用，编译后支持IE8以上普通浏览器
44、gulp-react
介绍：https://www.npmjs.com/package/gulp-react
作用：编译JSX文件至js文件
46、gulp-jade
介绍：https://www.npmjs.com/package/gulp-jade
作用：编译jade模板至html文件
47、gulp-jshint
介绍：https://www.npmjs.com/package/gulp-jshint
作用：对js代码进行风格检测
48、jshint-stylish
介绍：https://www.npmjs.com/package/jshint-stylish
作用：需配合jshint使用，作为报告器使用
49、gulp-mocha
介绍：https://www.npmjs.com/package/gulp-mocha
作用：测试工具
50、gulp-mocha
介绍：https://www.npmjs.com/package/gulp-load-plugins
作用：自动加载插件
案例：http://blog.csdn.net/hsl0530hsl/article/details/78366775