gulp-resolver

This gulp plugin provides one of grunt-usemin's many features for gulp: replacing links in HTML and CSS files to their minified / revved versions.

Installation

You can install gulp-resolver via npm:

$ npm install --save-dev gulp-resolver

Usage

Include the plugin:

var resolver = require("gulp-resolver");

This will give you two functions, html() and css() to use respectively for what kind of file you're replacing the references in.

Options

• assetsDir (defaults to .) a string that determines the path where to seek the replaced references from.
• createLink (optional) if specified, overrides the default link construction functionality. The function should return a string and input will be an object such as the following:

{
  original: "the full original link",
  originalDirname: "the dirname of the original link",
  originalBasename: "the basename of the original link (without extension)",
  originalExtname: "the file extension of the original link",
  query: "the query part of the link",
  fragment: "the fragment part of the link",
  dirname: "the dirname of the best match (if applicable, otherwise undefined)",
  basename: "the basename of the best match (if applicable, otherwise undefined)",
  extname: "the extname of the best match (if applicable, otherwise undefined)",
}

Examples

var resolver = require("gulp-resolver");
 
gulp.task("html", function () {
    return gulp.src("./assets/index.html")
        .pipe(resolver.html({
            assetsDir: "./assets/"
        }))
        .pipe(gulp.dest("./public/"))
});

This will read all the references (link, a, script, img, etc., tags) and attempt to resolve those to their modified versions.