gulp-ruby-sass - Compile Sass to CSS with Ruby Sass

•    Javascript

---

Requires Sass >=3.4.Use gulp-ruby-sass instead of gulp.src to compile Sass files.

gulpplugin scss sass css compile preprocessor style source-map source-maps sourcemap sourcemaps

gulp-typescript - A TypeScript compiler for gulp with incremental compilation support.

•    Javascript

---

A gulp plugin for handling TypeScript compilation workflow. The plugin exposes TypeScript's compiler options to gulp using TypeScript API. Updating from version 2? See the breaking changes in version 3.

typescript gulpplugin incremental-compilation ts tsc compile compiler transpile

gulp-htmlmin - Minify HTML

•    HTML

---

gulp plugin to minify HTML. Issues with the HTML parser and output must be reported on the html-minifier issue tracker.

html min minify html-minifier minifier gulp gulpplugin plugin format htm minification

gulp-file-include - MAINTAINER WANTED ~ [gulp-file-include] a gulp plugin for file include

•    Javascript

---

MAINTAINER WANTED ~ [gulp-file-include] a gulp plugin for file include

gulpplugin file include replace gulp plugin

gulp-pug - Gulp plugin for compiling Pug templates

•    Javascript

---

Gulp plugin for compiling Pug templates

jade pug gulpplugin stream compile

gulp-git - Git plugin for gulp (gulpjs.com)

•    Javascript

---

Git plugin for gulp (gulpjs.com)

gulp git gulpgit gulpplugin gulp-plugin

gulp-bump - Bump any version in any file which supports semver with gulp (gulpjs.com)

•    Javascript

---

gulp-bump v2 supports Any valid semver in any filetype. ####You can view more examples in the example folder.

gulp bump semver gulpplugin version versioning gulp-version gulp-plugin

gulp-sass - SASS plugin for gulp

•    Javascript

---

Sass plugin for Gulp. Before filing an issue, please make sure you have Updated to the latest Gulp Sass and have gone through our Common Issues and Their Fixes section.

gulpplugin sass gulp

gulp-clean-css - Minify css with clean-css.

•    Javascript

---

This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around clean-css. If it looks like you are having CSS related issues, please contact clean-css. Only create a new issue if it looks like you're having a problem with the plugin itself. See the CleanCSS options.

gulp clean-css css clean minify uglify minify-css gulp-minify-css gulp-clean-css gulpplugin gulpfriendly

gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

•    Javascript

---

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.

gulpplugin icon icons svg png sprite spritesheet stack generator css sass less stylus stylesheet inline html vector rwd retina mustache

gulp-angular-templatecache - Concatenates and registers AngularJS templates in the $templateCache.

•    Javascript

---

Concatenates and registers AngularJS templates in the $templateCache. Concatenate the contents of all .html-files in the templates directory and save to public/templates.js (default filename).

templatecache angularjs gulp gulp-plugin gulpplugin angular ng html2js

gulp-notify - gulp plugin to send messages based on Vinyl Files or Errors to Mac OS X, Linux or Windows using the node-notifier module

•    Javascript

---

gulp plugin to send messages based on Vinyl Files or Errors to Mac OS X, Linux or Windows using the node-notifier module. Fallbacks to Growl or simply logging

gulpplugin notify gulp notification reporter windows-notification mac-notification notify-send notify-osd growl

gulp-gh-pages - A gulp 4 plugin to publish contents to Github pages

•    Javascript

---

Use npm. Define a deploy task in your gulpfile.js (as below) which can be used to push to gh-pages going forward.

nodejs gulp-plugin github-pages stream deployment release-automation git github push commit branch deploy publish site website gulp gulpplugin gh-pages dist

gulp-responsive - gulp-responsive generates images at different sizes

•    Javascript

---

gulp-responsive depends on sharp. Sharp is one of the fastest Node.js modules for resizing JPEG, PNG, WebP and TIFF images. If you are using Mac OS then before installing gulp-responsive you should install the libvips library. Further information and instructions can be found in the sharp installation guide.

responsive-images responsive gulp sharp gulpplugin img images picture picturefill scrset image-set gulp-responsive gulp-responsive-images

gulp-rename - Rename files easily

•    Javascript

---

gulp-rename is a gulp plugin to rename files easily. gulp-rename provides simple file renaming methods.

gulpplugin

gulp-if - Conditionally run a task

•    Javascript

---

A ternary gulp plugin: conditionally control the flow of vinyl objects. Note: Badly behaved plugins can often get worse when used with gulp-if. Typically the fix is not in gulp-if.

gulpplugin conditional if ternary

gulp-useref - Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets

•    Javascript

---

Inspired by the grunt plugin grunt-useref. It can handle file concatenation but not minification. Files are then passed down the stream. For minification of assets or other modifications, use gulp-if to conditionally handle specific types of assets. Changes under the hood have made the code more efficient and simplified the API. Since the API has changed, please observe the usage examples below.

gulpplugin html scripts css optimize concat

gulp-babel - Gulp plugin for Babel

•    Javascript

---

Issues with the output should be reported on the Babel issue tracker.See the Babel options, except for sourceMap and filename which is handled for you.

babel gulp-plugin gulpplugin transpiler es2015 es2016 es2017 rewriting transformation syntax codegen desugaring compiler

gulp-postcss - Pipe CSS through PostCSS processors with a single parse

•    Javascript

---

PostCSS gulp plugin to pipe CSS through several plugins, but parse CSS only once.Install required postcss plugins separately. E.g. for autoprefixer, you need to install autoprefixer package.

postcss gulp-plugin gulpplugin postcss-runner css

gulp-sketch - A SketchTool plugin for gulp

•    CoffeeScript

---

A SketchTool plugin for gulp. Are you new to Sketch.app or the user of ver < 3.5 ? See the section below.

gulpplugin sketch