631 lines
27 KiB
HTML
631 lines
27 KiB
HTML
<h1 id="awesome-gulp-awesome">Awesome Gulp <a
|
||
href="https://github.com/sindresorhus/awesome"><img
|
||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<blockquote>
|
||
<p>A curated list of awesome <a
|
||
href="https://github.com/gulpjs/gulp">gulp</a> resources, plugins, and
|
||
boilerplates for a better development workflow automation.</p>
|
||
</blockquote>
|
||
<p><em>Looking for something else? Take a look at other <a
|
||
href="https://github.com/sindresorhus/awesome">awesome
|
||
lists</a>.</em></p>
|
||
<h2 id="contribution">Contribution</h2>
|
||
<p>:octocat: All contributions welcome. Feel free to contribute (<a
|
||
href="contributing.md">guidelines</a>).</p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#legend">Legend</a></li>
|
||
<li><a href="#resources">Resources</a>
|
||
<ul>
|
||
<li><a href="#general-resources">General Resources</a></li>
|
||
<li><a href="#official-documentation">Official Documentation</a></li>
|
||
<li><a href="#community">Community</a></li>
|
||
<li><a href="#tutorials">Tutorials</a>
|
||
<ul>
|
||
<li><a href="#gulp-tutorials">Gulp Tutorials</a></li>
|
||
<li><a href="#gulp-4-tutorials">Gulp 4 Tutorials</a></li>
|
||
<li><a href="#gulp-with-browserify">Gulp with Browserify</a></li>
|
||
<li><a href="#gulp-with-browserify">Gulp with Angular</a></li>
|
||
<li><a href="#gulp-with-angular-and-browserify">Gulp with Angular and
|
||
Browserify</a></li>
|
||
<li><a href="#gulp-with-angular-and-webpack">Gulp with Angular and
|
||
Webpack</a></li>
|
||
<li><a href="#gulp-with-react-and-browserify">Gulp with React and
|
||
Browserify</a></li>
|
||
<li><a href="#gulp-with-ember">Gulp with Ember</a></li>
|
||
</ul></li>
|
||
<li><a href="#miscellaneous-resources">Miscellaneous Resources</a></li>
|
||
</ul></li>
|
||
<li><a href="#plugins">Plugins</a>
|
||
<ul>
|
||
<li><a href="#compilation">Compilation</a></li>
|
||
<li><a href="#transpilation">Transpilation</a></li>
|
||
<li><a href="#concatenation">Concatenation</a></li>
|
||
<li><a href="#minification">Minification</a></li>
|
||
<li><a href="#optimization">Optimization</a></li>
|
||
<li><a href="#injecting-assets">Injecting Assets</a></li>
|
||
<li><a href="#templating">Templating</a></li>
|
||
<li><a href="#linting">Linting</a></li>
|
||
<li><a href="#live-reload">Live Reload</a></li>
|
||
<li><a href="#caching">Caching</a></li>
|
||
<li><a href="#flow-control">Flow Control</a></li>
|
||
<li><a href="#logging">Logging</a></li>
|
||
<li><a href="#testing">Testing</a></li>
|
||
<li><a href="#miscellaneous-plugins">Miscellaneous Plugins</a></li>
|
||
</ul></li>
|
||
<li><a href="#scaffolding">Scaffolding</a>
|
||
<ul>
|
||
<li><a href="#boilerplates">Boilerplates</a></li>
|
||
<li><a href="#yeoman-generators">Yeoman Generators</a></li>
|
||
</ul></li>
|
||
<li><a href="#miscellaneous">Miscellaneous</a></li>
|
||
</ul>
|
||
<h2 id="legend">Legend</h2>
|
||
<p>[:no_entry:] - A deprecation notice;</p>
|
||
<h2 id="resources">Resources</h2>
|
||
<h3 id="general-resources">General Resources</h3>
|
||
<ul>
|
||
<li><a href="http://gulpjs.com/">Official Website</a></li>
|
||
<li><a href="https://github.com/gulpjs/gulp">Github Repository</a></li>
|
||
<li><a href="http://gulpjs.com/plugins/">Plugin Registry</a></li>
|
||
<li><a href="https://www.npmjs.com/package/gulp">NPM Module</a></li>
|
||
<li><a
|
||
href="https://github.com/gulpjs/plugins/blob/master/src/blackList.json">Blacklisted
|
||
Plugins</a></li>
|
||
</ul>
|
||
<h3 id="official-documentation">Official Documentation</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md">Getting
|
||
Started</a></li>
|
||
<li><a href="https://github.com/gulpjs/gulp/blob/master/docs/API.md">API
|
||
Documentation</a></li>
|
||
<li><a
|
||
href="https://github.com/gulpjs/gulp/tree/master/docs#articles">CLI
|
||
Documentation</a></li>
|
||
<li><a
|
||
href="https://github.com/gulpjs/gulp/blob/master/docs/writing-a-plugin/README.md">Writing
|
||
a Plugin</a></li>
|
||
<li><a
|
||
href="https://github.com/gulpjs/gulp/tree/master/docs/recipes">Recipes</a></li>
|
||
</ul>
|
||
<h3 id="community">Community</h3>
|
||
<ul>
|
||
<li><a
|
||
href="http://stackoverflow.com/questions/tagged/gulp">StackOverflow</a></li>
|
||
<li><a href="https://twitter.com/gulpjs">Twitter</a></li>
|
||
</ul>
|
||
<h3 id="tutorials">Tutorials</h3>
|
||
<h4 id="gulp-tutorials">Gulp Tutorials</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.smashingmagazine.com/2014/06/building-with-gulp/">Building
|
||
with Gulp</a></li>
|
||
<li><a
|
||
href="https://scotch.io/tutorials/automate-your-tasks-easily-with-gulp-js">Automate
|
||
Your Tasks Easily with Gulp.js</a></li>
|
||
<li><a href="https://medium.com/@contrahacks/gulp-3828e8126466">Gulp -
|
||
The Vision, History, and Future of the Project</a></li>
|
||
<li><a href="http://stefanimhoff.de/tag/gulp/">Introduction to
|
||
Gulp.js</a></li>
|
||
<li><a href="http://leveluptuts.com/tutorials/learning-gulp">Video:
|
||
Learning Gulp</a></li>
|
||
<li><a
|
||
href="http://blog.johnnyreilly.com/2015/02/using-gulp-in-asp-net-instead-of-web-optimization.html">Using
|
||
Gulp to Inject Scripts and Styles Tags Directly into Your HTML</a></li>
|
||
<li><a href="http://denbuzze.com/post/5-lessons-learned-using-gulpjs/">5
|
||
Lessons Learned Using Gulp.js</a></li>
|
||
<li><a
|
||
href="http://conan.is/bower/gulp/wiredep/javascript/2014/08/18/automating_linkage-or-how-i-learned-to-stop-worrying-and-love-the-build.html">Automating
|
||
Linkage: How I Learned to Stop Worrying and Love the Build</a></li>
|
||
<li><a
|
||
href="https://www.codementor.io/development-process/tutorial/how-to-set-up-gulp-beginner-guide#/">Setting
|
||
Up Gulp Tasks for the First Time</a></li>
|
||
<li><a
|
||
href="http://blog.overzealous.com/post/74121048393/why-you-shouldnt-create-a-gulp-plugin-or-how-to">Why
|
||
You Shouldn’t Create a Gulp Plugin (or, How to Stop Worrying and Learn
|
||
to Love Existing Node Packages)</a></li>
|
||
<li><a href="http://blog.rangle.io/angular-gulp-bestpractices/">6 Gulp
|
||
Best Practices You Can Use Today to Radically Improve Your Development
|
||
Experience</a></li>
|
||
<li><a href="https://css-tricks.com/gulp-for-beginners/">Gulp for
|
||
Beginners</a></li>
|
||
</ul>
|
||
<h4 id="gulp-4-tutorials">Gulp 4 Tutorials</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://blog.wearewizards.io/migrating-to-gulp-4-by-example">Migrating
|
||
to Gulp 4 by Example</a></li>
|
||
<li><a href="http://fettblog.eu/gulp-4-parallel-and-series/">Gulp 4: The
|
||
new task execution system - gulp.parallel and gulp.series</a></li>
|
||
</ul>
|
||
<h4 id="gulp-with-browserify">Gulp with Browserify</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/@sogko/gulp-browserify-the-gulp-y-way-bb359b3f9623">Gulp
|
||
+ Browserify, the Gulp-y Way</a></li>
|
||
<li><a href="https://viget.com/extend/gulp-browserify-starter-faq">Gulp
|
||
+ Browserify</a></li>
|
||
<li><a
|
||
href="https://github.com/gulpjs/gulp/blob/master/docs/recipes/fast-browserify-builds-with-watchify.md">Fast
|
||
Browserify Builds with Watchify</a></li>
|
||
</ul>
|
||
<h4 id="gulp-with-angular">Gulp with Angular</h4>
|
||
<ul>
|
||
<li><a
|
||
href="http://blog.jhades.org/what-every-angular-project-likely-needs-and-a-gulp-build-to-provide-it/">What
|
||
Every Angular Project Likely Needs - and a Gulp Build to Provide
|
||
It</a></li>
|
||
</ul>
|
||
<h4 id="gulp-with-angular-and-browserify">Gulp with Angular and
|
||
Browserify</h4>
|
||
<ul>
|
||
<li><a
|
||
href="http://omarfouad.com/blog/2015/03/21/advanced-angularjs-structure-with-gulp-node-and-browserify/">Advanced
|
||
AngularJS Structure with Gulp, Node and Browserify</a></li>
|
||
</ul>
|
||
<h4 id="gulp-with-angular-and-webpack">Gulp with Angular and
|
||
Webpack</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://luwenhuang.wordpress.com/2015/01/18/refactoring-an-angular-app-to-use-webpack-and-gulp/">Angular,
|
||
Webpack and Gulp for an SPA: Part I</a></li>
|
||
<li><a
|
||
href="https://luwenhuang.wordpress.com/2015/01/19/angular-webpack-and-gulp-for-an-spa-part-ii/">Angular,
|
||
Webpack and Gulp for an SPA: Part II</a></li>
|
||
<li><a
|
||
href="https://luwenhuang.wordpress.com/2015/01/28/angular-webpack-and-gulp-for-an-spa-part-iii/">Angular,
|
||
Webpack and Gulp for an SPA: Part III</a></li>
|
||
</ul>
|
||
<h4 id="gulp-with-react-and-browserify">Gulp with React and
|
||
Browserify</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://hacks.mozilla.org/2014/08/browserify-and-gulp-with-react/">Browserify
|
||
and Gulp with React</a></li>
|
||
<li><a
|
||
href="http://pomax.github.io/1420592591221/taking-react-to-the-next-level-mixins-gulp-and-browserify">Taking
|
||
React to the Next Level: Mixins, Gulp, and Browserify</a></li>
|
||
</ul>
|
||
<h4 id="gulp-with-ember">Gulp with Ember</h4>
|
||
<ul>
|
||
<li><a
|
||
href="http://www.sitepoint.com/improving-ember-js-workflow-using-gulp-js/">Improving
|
||
Your Ember.js Workflow Using Gulp.js</a></li>
|
||
</ul>
|
||
<h4 id="gulp-with-wordpress">Gulp with WordPress</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://premium.wpmudev.org/blog/advanced-wordpress-development-using-gulp/">Advanced
|
||
WordPress Development Using Gulp</a></li>
|
||
</ul>
|
||
<h3 id="miscellaneous-resources">Miscellaneous Resources</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/osscafe/gulp-cheatsheet">Gulp
|
||
Cheatsheet</a></li>
|
||
<li><a href="https://github.com/johnpapa/gulp-patterns">Playground for
|
||
Gulp Recipes</a></li>
|
||
</ul>
|
||
<h2 id="plugins">Plugins</h2>
|
||
<h3 id="compilation">Compilation</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/dlmanning/gulp-sass">gulp-sass</a> -
|
||
Sass → CSS with <a
|
||
href="https://github.com/sass/libsass">libsass</a>.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-ruby-sass">gulp-ruby-sass</a>
|
||
- Sass → CSS with Ruby Sass.</li>
|
||
<li><a href="https://github.com/appleboy/gulp-compass">gulp-compass</a>
|
||
- Sass → CSS with Ruby Sass & Compass.</li>
|
||
<li><a href="https://github.com/plus3network/gulp-less">gulp-less</a> -
|
||
<a href="https://github.com/less/less.js">Less</a> → CSS.</li>
|
||
<li><a href="https://github.com/stevelacy/gulp-stylus">gulp-stylus</a> -
|
||
<a href="https://github.com/stylus/stylus">Stylus</a> → CSS.</li>
|
||
<li><a href="https://github.com/postcss/gulp-postcss">gulp-postcss</a> -
|
||
Pipe CSS through <a
|
||
href="https://github.com/postcss/postcss">PostCSS</a> processors with a
|
||
single parse.</li>
|
||
<li><a href="https://github.com/contra/gulp-coffee">gulp-coffee</a> - <a
|
||
href="https://github.com/jashkenas/coffeescript">Coffeescript</a> →
|
||
JavaScript.</li>
|
||
<li><a
|
||
href="https://github.com/ivogabe/gulp-typescript">gulp-typescript</a> -
|
||
<a href="https://github.com/Microsoft/TypeScript">TypeScript</a> →
|
||
JavaScript.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-react">gulp-react</a>
|
||
- Facebook <a href="https://github.com/facebook/react">React</a> JSX
|
||
templates → JavaScript.</li>
|
||
<li><a href="https://github.com/shama/webpack-stream">webpack-stream</a>
|
||
- Run <a href="https://github.com/webpack/webpack">webpack</a> as a
|
||
stream to conveniently integrate with gulp.</li>
|
||
</ul>
|
||
<h3 id="transpilation">Transpilation</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/babel/gulp-babel">gulp-babel</a> - ES6 →
|
||
ES5 with <a href="https://github.com/babel/babel">babel</a>.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-traceur">gulp-traceur</a> -
|
||
ES6 → ES5 using <a
|
||
href="https://github.com/google/traceur-compiler">Traceur</a>.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-regenerator">gulp-regenerator</a>
|
||
- ES6 → ES5 with <a
|
||
href="https://github.com/facebook/regenerator">Regenerator</a>.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-es6-transpiler">gulp-es6-transpiler</a>
|
||
- [:no_entry:] ES6 → ES5 with <a
|
||
href="https://github.com/termi/es6-transpiler">es6-transpiler</a>.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-myth">gulp-myth</a> -
|
||
<a href="https://github.com/segmentio/myth">Myth</a> - a polyfill for
|
||
future versions of the CSS spec.</li>
|
||
<li><a href="https://github.com/MoOx/gulp-cssnext">gulp-cssnext</a> -
|
||
[:no_entry:] Use tomorrow’s CSS syntax, today, using <a
|
||
href="https://github.com/MoOx/postcss-cssnext">cssnext</a>.</li>
|
||
</ul>
|
||
<h3 id="concatenation">Concatenation</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/contra/gulp-concat">gulp-concat</a> -
|
||
Concatenate files.</li>
|
||
</ul>
|
||
<h3 id="minification">Minification</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/scniro/gulp-clean-css">gulp-clean-css</a> -
|
||
Minify CSS with <a
|
||
href="https://github.com/jakubpawlowicz/clean-css">clean-css</a>.</li>
|
||
<li><a href="https://github.com/ben-eb/gulp-csso">gulp-csso</a> - Minify
|
||
CSS with <a href="https://github.com/css/csso">CSSO</a>.</li>
|
||
<li><a href="https://github.com/terinjokes/gulp-uglify">gulp-uglify</a>
|
||
- Minify JavaScript with <a
|
||
href="https://github.com/mishoo/UglifyJS2">UglifyJS2</a>.</li>
|
||
<li><a
|
||
href="https://github.com/jonschlinkert/gulp-htmlmin">gulp-htmlmin</a> -
|
||
Minify HTML with <a
|
||
href="https://github.com/kangax/html-minifier">html-minifier</a>.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-imagemin">gulp-imagemin</a> -
|
||
Minify PNG, JPEG, GIF and SVG images with <a
|
||
href="https://github.com/imagemin/imagemin">imagemin</a>.</li>
|
||
<li><a href="https://github.com/ben-eb/gulp-svgmin">gulp-svgmin</a> -
|
||
Minify SVG files with gulp.</li>
|
||
</ul>
|
||
<h3 id="optimization">Optimization</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/ben-eb/gulp-uncss">gulp-uncss</a> -
|
||
Remove unused CSS selectors with <a
|
||
href="https://github.com/giakki/uncss">UnCSS</a>.</li>
|
||
<li><a
|
||
href="https://github.com/zckrs/gulp-css-base64">gulp-css-base64</a> -
|
||
Transform all resources found (those within a url() declaration) in CSS
|
||
files into base64-encoded data URI strings.</li>
|
||
<li><a href="https://github.com/akoenig/gulp-svg2png">gulp-svg2png</a> -
|
||
Convert SVGs to PNGs.</li>
|
||
<li><a
|
||
href="https://github.com/mahnunchik/gulp-responsive">gulp-responsive</a>
|
||
- Generate images at different sizes.</li>
|
||
<li><a href="https://github.com/w0rm/gulp-svgstore">gulp-svgstore</a> -
|
||
Combine svg files into one with <code><symbol></code>
|
||
elements.</li>
|
||
<li><a
|
||
href="https://github.com/nfroidure/gulp-iconfont">gulp-iconfont</a> -
|
||
Create icon fonts from several SVG icons.</li>
|
||
</ul>
|
||
<h3 id="injecting-assets">Injecting Assets</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/jonkemp/gulp-useref">gulp-useref</a> -
|
||
Parse build blocks in HTML files to replace references to non-optimized
|
||
scripts or stylesheets.</li>
|
||
<li><a href="https://github.com/klei/gulp-inject">gulp-inject</a> -
|
||
Transform each file to a string and inject each transformed string into
|
||
placeholders in the target stream files.</li>
|
||
<li><a href="https://github.com/taptapship/wiredep">wiredep</a> - Wire
|
||
Bower dependencies to your source code.</li>
|
||
</ul>
|
||
<h3 id="templating">Templating</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/miickel/gulp-angular-templatecache">gulp-angular-templatecache</a>
|
||
- Concatenate and register AngularJS templates in the
|
||
$templateCache.</li>
|
||
<li><a href="https://github.com/phated/gulp-jade">gulp-jade</a> - <a
|
||
href="https://github.com/pugjs/jade">Jade</a> → HTML.</li>
|
||
<li><a
|
||
href="https://github.com/lazd/gulp-handlebars">gulp-handlebars</a> - <a
|
||
href="https://github.com/wycats/handlebars.js">Handlebars</a> templates
|
||
→ JavaScript.</li>
|
||
<li><a href="https://github.com/shannonmoeller/gulp-hb">gulp-hb</a> - <a
|
||
href="https://github.com/wycats/handlebars.js">Handlebars</a> templates
|
||
→ HTML.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-nunjucks">gulp-nunjucks</a> -
|
||
<a href="https://github.com/mozilla/nunjucks">Nunjucks</a> templates →
|
||
JavaScript.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-dust">gulp-dustjs</a>
|
||
- <a href="https://github.com/linkedin/dustjs">Dust</a> templates →
|
||
JavaScript.</li>
|
||
<li><a href="https://github.com/e-jigsaw/gulp-riot">gulp-riot</a> - <a
|
||
href="https://github.com/riot/riot">Riot</a> templates →
|
||
JavaScript.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-markdown">gulp-markdown</a> -
|
||
Markdown → HTML.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-template">gulp-template</a> -
|
||
<a href="https://github.com/lodash/lodash">Lodash</a> templates →
|
||
JavaScript.</li>
|
||
<li><a href="https://github.com/colynb/gulp-swig">gulp-swig</a> - <a
|
||
href="https://github.com/paularmstrong/swig">Swig</a> templates →
|
||
HTML.</li>
|
||
<li><a href="https://github.com/denysdovhan/gulp-remark">gulp-remark</a>
|
||
- Gulp plugin for <a href="https://github.com/wooorm/remark">remark</a>
|
||
- markdown processor powered by plugins</li>
|
||
</ul>
|
||
<h3 id="linting">Linting</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.npmjs.com/package/gulp-csslint">gulp-csslint</a> -
|
||
Automated linting of CSS with <a
|
||
href="https://github.com/CSSLint/csslint">CSSLint</a>.</li>
|
||
<li><a href="https://github.com/bezoerb/gulp-htmlhint">gulp-htmlhint</a>
|
||
- <a href="https://github.com/yaniswang/HTMLHint">HTMLHint</a> wrapper
|
||
to validate your HTML.</li>
|
||
<li><a href="https://github.com/spalger/gulp-jshint">gulp-jshint</a> -
|
||
Detect errors and potential problems in JavaScript with <a
|
||
href="https://github.com/jshint/jshint">JSHint</a>.</li>
|
||
<li><a href="https://github.com/jscs-dev/gulp-jscs">gulp-jscs</a> -
|
||
Check JavaScript code style with <a
|
||
href="https://github.com/jscs-dev/node-jscs">jscs</a>.</li>
|
||
<li><a
|
||
href="https://github.com/janraasch/gulp-coffeelint">gulp-coffeelint</a>
|
||
- A style checker that helps keep <a
|
||
href="https://github.com/jashkenas/coffeescript">CoffeeScript</a> code
|
||
clean.</li>
|
||
<li><a
|
||
href="https://github.com/panuhorsmalahti/gulp-tslint">gulp-tslint</a> -
|
||
<a href="https://github.com/Microsoft/TypeScript">TypeScript</a> linter
|
||
plugin for gulp.</li>
|
||
<li><a href="https://github.com/adametry/gulp-eslint">gulp-eslint</a> -
|
||
Identify and report on patterns found in ECMAScript/JavaScript
|
||
code.</li>
|
||
<li><a href="https://github.com/callumacrae/gulp-w3cjs">gulp-w3cjs</a> -
|
||
Validate HTML with <a
|
||
href="https://github.com/thomasdavis/w3cjs">w3cjs</a>.</li>
|
||
<li><a
|
||
href="https://github.com/lesshint/gulp-lesshint">gulp-lesshint</a> -
|
||
Lint less files with <a
|
||
href="https://github.com/lesshint/lesshint">lesshint</a>.</li>
|
||
<li><a
|
||
href="https://github.com/zalando/gulp-check-unused-css">gulp-check-unused-css</a>
|
||
- Check your HTML templates for unused CSS classes.</li>
|
||
</ul>
|
||
<h3 id="live-reload">Live Reload</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/BrowserSync/browser-sync">browser-sync</a> -
|
||
Keep multiple browsers & devices in sync when building websites (<a
|
||
href="https://github.com/BrowserSync/gulp-browser-sync">recipes</a>).</li>
|
||
<li><a
|
||
href="https://github.com/vohof/gulp-livereload">gulp-livereload</a> -
|
||
Gulp plugin for livereload.</li>
|
||
</ul>
|
||
<h3 id="caching">Caching</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-changed">gulp-changed</a> -
|
||
Only pass through changed files.</li>
|
||
<li><a href="https://github.com/contra/gulp-cached">gulp-cached</a> - A
|
||
simple in-memory file cache.</li>
|
||
<li><a
|
||
href="https://github.com/ahaurw01/gulp-remember">gulp-remember</a> -
|
||
Remember and recall files passed through it.</li>
|
||
<li><a href="https://github.com/tschaub/gulp-newer">gulp-newer</a> -
|
||
Pass through newer source files only.</li>
|
||
</ul>
|
||
<h3 id="flow-control">Flow Control</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/grncdr/merge-stream">merge-stream</a> -
|
||
Merge multiple streams into one interleaved stream.</li>
|
||
<li><a href="https://github.com/nfroidure/StreamQueue">streamqueue</a> -
|
||
Pipe queued streams progressively.</li>
|
||
<li><a
|
||
href="https://github.com/OverZealous/run-sequence">run-sequence</a> -
|
||
Run a series of dependent gulp tasks in order.</li>
|
||
<li><a href="https://github.com/robrich/gulp-if">gulp-if</a> -
|
||
Conditionally run a task.</li>
|
||
</ul>
|
||
<h3 id="logging">Logging</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/mikaelbr/gulp-notify">gulp-notify</a> -
|
||
Notification plugin for gulp.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-size">gulp-size</a> -
|
||
Display the size of your project.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-debug">gulp-debug</a>
|
||
- Debug vinyl file streams to see what files are run through your gulp
|
||
pipeline.</li>
|
||
<li><a href="https://github.com/lordgiotto/gulp-beer">gulp-beer</a> -
|
||
Better Error Reporting with interactive system notifications and custom
|
||
server for error displaying.</li>
|
||
</ul>
|
||
<h3 id="testing">Testing</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/sindresorhus/gulp-mocha">gulp-mocha</a>
|
||
- Run <a href="https://github.com/mochajs/mocha">Mocha</a> tests.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-jasmine">gulp-jasmine</a> -
|
||
Run <a href="https://github.com/jasmine/jasmine">Jasmine 2</a> tests in
|
||
Node.js.</li>
|
||
<li><a
|
||
href="https://github.com/mllrsohn/gulp-protractor">gulp-protractor</a> -
|
||
Gulp wrapper for <a
|
||
href="https://github.com/angular/protractor">Protractor</a> tests.</li>
|
||
<li><a href="https://github.com/dylanb/gulp-coverage">gulp-coverage</a>
|
||
- Coverage reporting for Node.js that is independent of the test
|
||
runner.</li>
|
||
<li><a href="https://github.com/karma-runner/gulp-karma">gulp-karma</a>
|
||
- Karma test runner for gulp.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-ava">gulp-ava</a>- Run
|
||
<a href="https://github.com/sindresorhus/ava">AVA</a> tests with
|
||
gulp.</li>
|
||
</ul>
|
||
<h3 id="miscellaneous-plugins">Miscellaneous Plugins</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/gulpjs/gulp-util">gulp-util</a> - Set of
|
||
useful utilities.</li>
|
||
<li><a href="https://github.com/floatdrop/gulp-plumber">gulp-plumber</a>
|
||
- Prevent pipe breaking caused by errors.</li>
|
||
<li><a
|
||
href="https://github.com/jackfranklin/gulp-load-plugins">gulp-load-plugins</a>
|
||
- Automatically load in gulp plugins.</li>
|
||
<li><a
|
||
href="https://github.com/ck86/main-bower-files">main-bower-files</a> -
|
||
Simplify build process setup by dynamically getting the library
|
||
files.</li>
|
||
<li><a href="https://github.com/postcss/autoprefixer">autoprefixer</a> -
|
||
Parse CSS and add vendor prefixes to rules by Can I Use.</li>
|
||
<li><a
|
||
href="https://github.com/floridoo/gulp-sourcemaps">gulp-sourcemaps</a> -
|
||
Provide source map support.</li>
|
||
<li><a href="https://github.com/lazd/gulp-replace">gulp-replace</a> - A
|
||
string replace plugin for gulp.</li>
|
||
<li><a href="https://github.com/hparra/gulp-rename">gulp-rename</a> -
|
||
Rename files easily.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-rev">gulp-rev</a> -
|
||
Static asset revisioning by appending content hash to filenames:
|
||
unicorn.css → unicorn-d41d8cd98f.css.</li>
|
||
<li><a href="https://github.com/sindresorhus/del">del</a> - Delete
|
||
files/folders using globs.</li>
|
||
<li><a href="https://github.com/robrich/gulp-exec">gulp-exec</a> - Run a
|
||
shell command.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-strip-debug">gulp-strip-debug</a>
|
||
- Strip console, alert, and debugger statements from JavaScript
|
||
code.</li>
|
||
<li><a
|
||
href="https://github.com/unlight/gulp-cssimport">gulp-cssimport</a> -
|
||
Parses a CSS file, finds imports, grabs the content of the linked file
|
||
and replaces the import statement with it.</li>
|
||
<li><a
|
||
href="https://github.com/jonkemp/gulp-inline-css">gulp-inline-css</a> -
|
||
Inline your CSS properties into the style attribute in an HTML
|
||
file.</li>
|
||
<li><a href="https://github.com/shinnn/gulp-gh-pages">gulp-gh-pages</a>
|
||
- Publish contents to Github pages.</li>
|
||
<li><a
|
||
href="https://github.com/Kagami/gulp-ng-annotate">gulp-ng-annotate</a> -
|
||
Add AngularJS dependency injection annotations with <a
|
||
href="https://github.com/olov/ng-annotate">ng-annotate</a>.</li>
|
||
<li><a href="https://github.com/stevelacy/gulp-bump">gulp-bump</a> -
|
||
Bump any semver JSON version.</li>
|
||
<li><a
|
||
href="https://github.com/coderhaoxin/gulp-file-include">gulp-file-include</a>
|
||
- Include files with gulp.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-zip">gulp-zip</a> -
|
||
ZIP compress files.</li>
|
||
<li><a href="https://github.com/stevelacy/gulp-git">gulp-git</a> - Run
|
||
Git commands with gulp.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-filter">gulp-filter</a> -
|
||
Filter files in a vinyl stream using globbing.</li>
|
||
<li><a href="https://github.com/jas/gulp-preprocess">gulp-preprocess</a>
|
||
- Preprocess files based on custom context or environment
|
||
configuration.</li>
|
||
<li><a href="https://github.com/gulp-bem/gulp-eval">gulp-eval</a> - Eval
|
||
JS-expression or require CommonJS modules and JSON files.</li>
|
||
</ul>
|
||
<h2 id="scaffolding">Scaffolding</h2>
|
||
<h3 id="boilerplates">Boilerplates</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/google/web-starter-kit">web-starter-kit</a> -
|
||
Google Web Starter Kit.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/gulp-plugin-boilerplate">gulp-plugin-boilerplate</a>
|
||
- Boilerplate to kickstart creating gulp plugins.</li>
|
||
<li><a
|
||
href="https://github.com/polymerelements/polymer-starter-kit">polymer-starter-kit</a>
|
||
- A starting point for Polymer 1.0 apps.</li>
|
||
<li><a href="https://github.com/este/este">este</a> - The most complete
|
||
React/Flux dev stack and starter kit for isomorphic functional web
|
||
apps.</li>
|
||
<li><a href="https://github.com/mrmrs/mnml">mnml</a> - Minimal
|
||
boilerplate to start a responsive HTML5/Sass project.</li>
|
||
<li><a href="https://github.com/cferdinandi/kraken">kraken</a> - A
|
||
lightweight, mobile-first boilerplate for front-end web developers.</li>
|
||
<li><a
|
||
href="https://github.com/jakemmarsh/angularjs-gulp-browserify-boilerplate">angularjs-gulp-browserify-boilerplate</a>
|
||
- Boilerplate using AngularJS, Sass, gulp, and Browserify.</li>
|
||
<li><a href="https://github.com/poeticninja/hapi-ninja">hapi-ninja</a> -
|
||
A Node.js, Hapi, and Swig boilerplate.</li>
|
||
<li><a
|
||
href="https://github.com/rappasoft/laravel-5-boilerplate">laravel-5-boilerplate</a>
|
||
- A Laravel 5 boilerplate project.</li>
|
||
<li><a
|
||
href="https://github.com/wbkd/react-starterkit">react-starterkit</a> -
|
||
React starter kit that contains react-router, Reflux, jest, webpack,
|
||
gulp and Stylus.</li>
|
||
<li><a href="https://github.com/zoxon/gulp-front">gulp-front</a> -
|
||
Frontend boilerplate and modular BEM css framework based on gulp, pug,
|
||
stylus, postcss, webpack and babel.</li>
|
||
<li><a href="https://github.com/Puritanic/Frontend-Starter-Kit">Front
|
||
End Starter</a> - A boilerplate for frontend projects powered by Gulp,
|
||
HTML5 bolierplate, Sass, PostCss and Webpack(for Babel
|
||
transpiling).</li>
|
||
</ul>
|
||
<h3 id="yeoman-generators">Yeoman Generators</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/yeoman/generator-gulp-webapp">generator-gulp-webapp</a>
|
||
- A gulp generator for modern webapps.</li>
|
||
<li><a
|
||
href="https://github.com/Swiip/generator-gulp-angular">generator-gulp-angular</a>
|
||
- Yeoman generator for AngularJS with gulp.</li>
|
||
<li><a
|
||
href="https://github.com/randylien/generator-react-gulp-browserify">generator-react-gulp-browserify</a>
|
||
- A Yeoman Generator for React library. It includes gulp, Browserify,
|
||
Browsersync and Bootstrap.</li>
|
||
<li><a
|
||
href="https://github.com/youngmountain/generator-node-gulp">generator-node-gulp</a>
|
||
- A Node.js module generator including gulp and Mocha.</li>
|
||
<li><a
|
||
href="https://github.com/niallobrien/generator-gulp-bootstrap">generator-gulp-bootstrap</a>
|
||
- Yeoman generator for Bootstrap, gulp & libsass.</li>
|
||
<li><a
|
||
href="https://github.com/jgoux/generator-angulpify">generator-angulpify</a>
|
||
- Yeoman generator involving AngularJS, gulp and Browserify.</li>
|
||
<li><a
|
||
href="https://github.com/tmaximini/generator-ionic-gulp">generator-ionic-gulp</a>
|
||
- A Yeoman generator for Ionic Projects with gulp.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/generator-gulp-plugin-boilerplate">generator-gulp-plugin-boilerplate</a>
|
||
- Scaffold out a <a
|
||
href="https://github.com/sindresorhus/gulp-plugin-boilerplate">gulp
|
||
plugin boilerplate</a>.</li>
|
||
<li><a
|
||
href="https://github.com/sondr3/generator-jekyllized">generator-jekyllized</a>
|
||
- Jekyll workflow with gulp, Sass, AutoPrefixer, asset optimization and
|
||
cache busting and much more.</li>
|
||
</ul>
|
||
<h2 id="miscellaneous">Miscellaneous</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/laravel/elixir">elixir</a> - A clean,
|
||
fluent API for defining basic gulp tasks for your Laravel
|
||
applications.</li>
|
||
<li><a href="https://github.com/sindresorhus/gulp-app">gulp-app</a> -
|
||
Gulp as an app (OS X).</li>
|
||
<li><a
|
||
href="https://github.com/Lostmyname/lmn-gulp-tasks">lmn-gulp-tasks</a> -
|
||
Example of gulp tasks unit testing.</li>
|
||
<li><a href="http://gulp-cookery.github.io/gulp-chef/">gulp-chef</a> -
|
||
An elegant, intuitive way to reuse gulp tasks.</li>
|
||
</ul>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="http://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|
||
<p>To the extent possible under law, <a
|
||
href="https://github.com/alferov">Philipp Alferov</a> has waived all
|
||
copyright and related or neighboring rights to this work.</p>
|
||
<p><a href="https://github.com/alferov/awesome-gulp">gulp.md
|
||
Github</a></p>
|