Skip to content

Gulp

Awesome Gulp Awesome

> 精选清单 gulp 资源、插件和样板,以实现更好的开发工作流程自动化.

寻找其他东西? 看看其他 awesome lists.

Contribution

:octocat: 欢迎所有贡献. 随意贡献(guidelines).

Legend

[⛔️] - 弃用通知;

Resources

General Resources

Official Documentation

Community

Tutorials

Gulp Tutorials

Gulp 4 Tutorials

Gulp with Browserify

Gulp with Angular

Gulp with Angular and Browserify

Gulp with Angular and Webpack

Gulp with React and Browserify

Gulp with Ember

Gulp with WordPress

Miscellaneous Resources

Plugins

Compilation

Transpilation

Concatenation

Minification

Optimization

Injecting Assets

  • gulp-useref - 解析 HTML 文件中的构建块以替换对未优化脚本或样式表的引用.
  • gulp-inject - 将每个文件转换为字符串并将每个转换后的字符串注入目标流文件中的占位符.
  • wiredep - 将 Bower 依赖项连接到您的源代码.

Templating

Linting

Live Reload

Caching

Flow Control

Logging

  • gulp-notify - gulp 的通知插件.
  • gulp-size - 显示项目的大小.
  • gulp-debug - 调试乙烯基文件流以查看哪些文件通过您的 gulp 管道运行.
  • gulp-beer - 更好的错误报告与交互式系统通知和错误显示的自定义服务器.

Testing

Miscellaneous Plugins

Scaffolding

Boilerplates

  • web-starter-kit - 谷歌网络初学者工具包.
  • gulp-plugin-boilerplate - 用于启动创建 gulp 插件的样板.
  • polymer-starter-kit - Polymer 1.0 应用程序的起点.
  • este - 最完整的 React/Flux 开发堆栈和同构功能 Web 应用程序的入门工具包.
  • mnml - 启动响应式 HTML5/Sass 项目的最小样板.
  • kraken - 面向前端 Web 开发人员的轻量级、移动优先样板.
  • angularjs-gulp-browserify-boilerplate - 使用 AngularJS、Sass、gulp 和 Browserify 的样板.
  • hapi-ninja - Node.js、Hapi 和 Swig 样板.
  • laravel-5-boilerplate - Laravel 5 样板项目.
  • react-starterkit - React 入门套件,包含 react-router、Reflux、jest、webpack、gulp 和 Stylus.
  • gulp-front - 基于 gulp、pug、stylus、postcss、webpack 和 babel 的前端样板和模块化 BEM css 框架.
  • Front End Starter - 由 Gulp、HTML5 bolierplate、Sass、PostCss 和 Webpack(用于 Babel 转译)提供支持的前端项目样板.

Yeoman Generators

Miscellaneous

  • elixir - 一个干净、流畅的 API,用于为你的 Laravel 应用程序定义基本的 gulp 任务.
  • gulp-app - Gulp 作为应用程序 (OS X).
  • lmn-gulp-tasks - gulp 任务单元测试示例.
  • gulp-chef - 一种优雅、直观的方式来重用 gulp 任务.

License

CC0

在法律允许的范围内, Philipp Alferov 已放弃该作品的所有版权和相关或邻接权.