gulp-vhash

gulp-vhash

Asset versioning (for browser caching optimization)

Static HTML File(s)
Appending or updating content hash value as parameter to src/href attributes in HTML or template files.

<!-- before -->
<link rel="stylesheet" href="common.css"/>    
 
<!-- after -->
<link rel="stylesheet" 
  href="common.css?v=185d182710c120e9051d20fa386a4212/>

JavaScript:

<!-- before -->
<script src="all.min.js"></script>

<!-- after -->
<script src="all.min.js?v=e86bfc2fd4d6c2f86825791492d88283"></script>

JSON Hash File
Saves a json file named 'vhash.json' in root directory with matched file names (as identifiers) and their md5 hash values.

{
  "common.css": "185d182710c120e9051d20fa386a42",
  "all.min.js": "e86bfc2fd4d6c2f86825791492d88283"
}

Note

Please read 'Add an Expires or a Cache-Control Header!'

Install

$ npm install --save-dev gulp-vhash

Usage

var gulp = require('gulp');
var vhash = require('gulp-vhash');

gulp.task('default', function() {
  
  return gulp.src(
    'src/**/*.{js,css}'
  )
  .pipe(vhash(
    'html/**/*.htm'
   ));
  
});

License

MIT © Uli Preuss