Laravel Elixir Fingerprint

Install

$ npm install laravel-elixir-fingerprint --save-dev

For Laravel Elixir 2 use version 0.3.3

Example

var elixir = require('laravel-elixir');
 
require('laravel-elixir-fingerprint');
 
elixir(function (mix) {
        mix.fingerprint([
            'public/build/css/*.css'
        ], {
            output: 'public/build/css/'
        });
});

Our rev-manifest.json file:

{
  "fonts/fontello.eot": "fonts/fontello-ee7f7979.eot",
  "fonts/fontello.svg": "fonts/fontello-9cc6a21a.svg",
  "fonts/fontello.ttf": "fonts/fontello-13276407.ttf",
  "fonts/fontello.woff": "fonts/fontello-e25c919d.woff"
}

CSS Before Fingerprinting:

@font-face {
  font-family: 'fontello';
  src: url("fonts/fontello.eot");
  src: url("fonts/fontello.eot") format('embedded-opentype'),
       url("fonts/fontello.woff") format('woff'),
       url("fonts/fontello.ttf") format('truetype'),
       url("fonts/fontello.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

CSS After Fingerprinting:

@font-face {
  font-family: 'fontello';
  src: url("/build/fonts/fontello-ee7f7979.eot");
  src: url("/build/fonts/fontello-ee7f7979.eot") format('embedded-opentype'),
       url("/build/fonts/fontello-e25c919d.woff") format('woff'),
       url("/build/fonts/fontello-13276407.ttf") format('truetype'),
       url("/build/fonts/fontello-9cc6a21a.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

As you can see, the after shows the font files replaced with the versioned ones in the rev-manifest.json file.

Full Documentation

https://github.com/vincentmac/gulp-fingerprint

License

MIT © Vincent Mac