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

  •        18

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.

https://github.com/jonkemp/gulp-useref

Dependencies:

event-stream : ^3.3.4
extend : ^3.0.1
glob : ^7.1.2
gulp-concat : ^2.6.1
gulp-if : ^2.0.2
is-relative-url : 1.0.0
plugin-error : ^1.0.1
through2 : ^2.0.3
useref : ^1.4.1
vinyl-fs : ^3.0.2

Tags
Implementation
License
Platform

   




Related Projects

gulp-rev-replace - Rewrite occurences of filenames which have been renamed by gulp-rev

  •    Javascript

Pipe through a stream which has both the files you want to be updated, as well as the files which have been renamed. For example, we can use gulp-useref to concatenate assets in an index.html, and then use gulp-rev and gulp-rev-replace to cache-bust them.

gulp-inline-css - Inline linked css in an html file. Useful for emails.

  •    Javascript

Inline your CSS properties into the style attribute in an html file. Useful for emails. Inspired by the grunt plugin grunt-inline-css. Uses the inline-css module.

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-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.


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.

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.

gulp-purifycss - Removed unused CSS with the gulp build tool

  •    Javascript

Removed unused CSS with the gulp build tool

grunt-usemin - [UNMAINTAINED] Replaces references to non-optimized scripts or stylesheets into a set of HTML files (or any templates/views)

  •    Javascript

Replaces references from non-optimized scripts, stylesheets and other assets to their optimized version within a set of HTML files (or any templates/views).3.1.0 has a breaking change with uglify step renamed to uglify to be consistent with grunt-contrib-uglify task which name is uglify (and not uglifyjs).

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).

gulp-inject - A javascript, stylesheet and webcomponent injection plugin for Gulp

  •    Javascript

I don't have enough time to maintain this plugin as I would want to, so I'm looking for people who want to help out and be contributors/repository admins. Contact me! See package.json for contact information.

gulp-cssnano - Minify CSS with cssnano.

  •    Javascript

Minify CSS with cssnano. Pull requests are welcome. If you add functionality, then please add unit tests to cover it.

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.

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-autoprefixer - Prefix CSS

  •    Javascript

Issues with the output should be reported on the Autoprefixer issue tracker.Improve your JavaScript skills with this awesome ES6 course by Wes Bos. Try his free JavaScript 30 course for a taste of what to expect. You might also like his React & Sublime course.

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.