gulp经常使用插件汇总

gulp经常使用插件汇总：

点击插件名字，查看使用文档

browser-sync: 省时的浏览器同步测试工具,多设备、多屏幕自动刷新页面

http-proxy-middleware: 解决本地开发代理跨域请求插件

autoprefixer: 根据定制的兼容规则给css添加浏览器前缀插件

wiredep: wiredep解决了bower前端库引入进html中的问题

del: 删除文件及文件夹

yargs: Node中处理命令行参数的通用解决方案，只要一句代码 var args = require('yargs').argv;就可让命令行的参数都放在变量args上，能够根据参数判断是测试环境仍是正式环境。

gulp-load-plugins: 批量引入package.json文件中的依赖项

gulp-plumber: 防止因gulp插件的错误而致使管道中断，plumber能够阻止 gulp 插件发生错误致使进程退出并输出错误日志。

gulp-sourcemaps: 用来生成映射文件的一个插件，SourceMap 文件记录了一个存储源代码与编译代码对应位置映射的信息文件。咱们在调试时都是没办法像调试源码般轻松，这就须要 SourceMap 帮助咱们在控制台中转换成源码，从而进行 debug。

gulp-useref: 能够将HTML引用的多个CSS和JS合并起来，减少依赖的文件个数，从而减小浏览器发起的请求次数。gulp-useref根据注释将HTML中须要合并压缩的区块找出来，对区块内的全部文件进行合并。注意：它只负责合并，不负责压缩！

gulp-rev:为静态文件随机添加一串hash值, 解决cdn缓存问题, a.css --> a-d2f3f35d3.css。根据静态资源内容，生成md5签名，打包出来的文件名会加上md5签名，同时生成一个json用来保存文件名路径对应关系。

gulp-rev-collector:根据gulp-rev生成的manifest.json文件中的映射, 去替换文件名称, 也能够替换路径。

gulp-replace:

gulp-rev-rewrite
gulp-rev-css-url
gulp-rev-outdated
gulp-rev-delete-original
gulp-rev- loader
gulp-rev-format

gulp-imagemin:

gulp-filter: 能够把stream里的文件根据必定的规则进行筛选过滤。好比gulp.src中传入匹配符匹配了不少文件，能够把这些文件pipe给gulp-filter做二次筛选

gulp-inject:这个插件的做用与wiredep相似，不一样的是能够本身任意指定须要插入文件的列表。它一样是利用注释来寻找插入的位置。

[pump] [chai] [cross-env] [cssnano] [gulp-babel] [gulp-eslint] [gulp-htmlmin] [gulp-if] [gulp-size] [gulp-uglify] [mkdirp] [mocha]