Gulp 资料大全:入门、插件、脚手架、包清单

4,873 阅读7分钟
原文链接: segmentfault.com

一份gulp的资源,插件和使用实例清单, 致力于打造更好的前端工程构建流程。

被老外的awesome 清单刺激到,觉得有必要翻译一份,为国产的程序员们做点事情,本清单将保持实时更新同步。
PS:进都进来了,就顺便看看其他的吧:

项目的Github地址:awesome-react-cn,欢迎start。
翻译得仓促,如有问题,请提issues
如果想贡献,请Pull Requests

资源

通用资源

官方文档

组织

入门教程

Gulp入门

Gulp 4 入门

Gulp with Browserify

Gulp with Angular

Gulp with Angular and Browserify

Gulp with React and Browserify

Gulp with Ember

其他资源

插件

编译

合并

压缩

优化

资源注入

  • gulp-useref - 解析HTML文件中特殊标签里面的script或style标签,合并成一个script或css文件,并替换。

  • gulp-inject - 将指定的css或js文件以标签的形式插入到HTML中的指定标志内。

  • wiredep - 将Bower依赖自动注入HTML文件中。

模板

代码校验

实时加载

缓存

流控制

日志

  • gulp-notify - Gulp的通知插件.

  • gulp-size - 显示你的项目的大小.

  • gulp-debug - 通过调试文件流来观察那些文件通过了你的Gulp管道.

测试

其他插件

脚手架

模板

Yeoman生成器

其他

  • elixir - 一个为你的应用定义基本的gulp任务的干净、灵活的API.

  • gulp-app - 将Gulp作为一个应用(OS X).

  • lmn-gulp-tasks - gulp任务的单元测试示例.

  • gulp-chef - 一个优雅的、简单的重复时候gulp task的方法.