Gulp common plug-ins

event-stream Event stream, not a plug-in, but very useful
gulp-clean Delete files and directories
gulp-concat Merge Files
gulp-if Run a task conditionally
gulp-minify-css Compress css
gulp-ng-annotate Indicate dependency on for angular
gulp-ng-html2js html2js for angular
gulp-uglify Compress js with uglify
gulp-load-plugins Automatic import of gulp plugin
gulp-load-utils Enhanced gulp utils
gulp-angular-extender Add dependencies for the angular module
gulp-usemin Replaces references to non-optimized scripts or stylesheets into a set of HTML files
browser-sync Automatically synchronize the browser and use it together with the gulp.watch method Example
gulp-babel Compile ES6 code into ES5 Example
vinyl-source-stream Use conventional text streams at the start of your gulp or vinyl pipelines
gulp-browserify Use it and babelify to implement ES6 module Example
babelify Browserify transform for Babel
gulp-autoprefixer Prefix CSS
gulp-task-listing Quick display of gulp task list
gulp-rename rename file
gulp-less Handling less Example
gulp-sourcemaps Generate source map file
gulp-rev Static asset revisioning by appending content hash to filenames: unicorn.css → unicorn-d41d8cd98f.css
gulp-clone Clone files in memory in a gulp stream
gulp-filter Filtering files is very useful
gulp-iconfont Make iconfont Example
gulp-inject Automatically add style and script tags to HTML Example
gulp-traceur Traceur is a JavaScript.next-to-JavaScript-of-today compiler
gulp-useref Similar in function to usemin Example
wiredep Automatically write the tower dependency to index.html Example
gulp-jsdoc Generate JS document
gulp-order Sort the files in src in the specified order
gulp-help Add help description for task

Getting Started with Gulp Video

Learning Gulp (youtube)
Learning Gulp #1 - Installing & Introducing Gulp
Learning Gulp #2 - Using Plugins & Minifying JavaScript
Learning Gulp #3 - Named Tasks
Learning Gulp #4 - Watching Files With Gulp
Learning Gulp #5 - Compiling Sass With Gulp
Learning Gulp #6 - Keep Gulp Running With Plumber
Learning Gulp #7 - Handling Errors Without Plumber
Learning Gulp #8 - LiveReload With Gulp
Learning Gulp #9 - Easy Image Compression
Learning Gulp #10 - Automatic Browser Prefixing
Learning Gulp #11 - Gulp Resources & What's Next

Get started with gulp (youtube)
Get started with gulp Part 1: Workflow overview and jade templates
Get started with gulp Part 2: gulp & Browserify
Get started with gulp Part 3: Uglify & environment variables
Get started with gulp Part 4: SASS & CSS minification
Get started with gulp Part 5: gulp.watch for true automation
Get started with gulp Part 6: LiveReload and web server

Gulp in Action (MOOC)
Gulp in Action (I)
Gulp in Action (II)
Gulp in Action (III)

BGTSD (youtube)
BGTSD - Part 20: Gulp and Babel Basics
BGTSD - Part 21: TypeScript and Gulp Basics

John Papa (Paid)
JavaScript Build Automation With Gulp.js

Gulp wonderful articles

• Using GulpJS to Generate Environment Configuration Modules
• Merging multiple GulpJS streams into one output file
• Getting ES6 modules working thanks to Browserify, Babel, and Gulp
• Gulp Study Guide Series:
  • Introduction to Gulp Learning Guide
  • CSS Consolidation, Compression, MD5 Naming and Path Replacement in Gulp Learning Guide
• 6 Gulp Best Practices ⭐
  • Automate all Imports (gulp-inject, wiredep, useref and angular-file-sort)
  • Understand directory structure requirements
  • Provide distinct development and production builds (browser-sync)
  • Inject files with gulp-inject and wiredep ( gulp-inject and wiredep )
  • Create production builds with gulp-useref (gulp-useref)
  • Separate Gulp tasks into multiple files require('require-dir')('./gulp')
• Gulp style -- Gulp advanced skills ⭐
• Gulp error management

Gulp mode A complete application example of Gulp project

Gulp FAQs

How to copy a directory?

 gulp . src ( [  files  ] ,  {  "base" : "."  } )

Occasionally updating

This article has been migrated here https://github.com/Platform-CUF/use-gulp

mark