Static asset revision replace their links.

Install

1$ npm install --save-dev sog-gulp-rev-collector

Usage

We can use gulp-rev to cache-bust several assets and generate manifest files for them. Then using sog-gulp-rev-collector we can collect data from several manifest files and replace links to assets in html templates.

1var gulp         = require('gulp');
2var rev = require('gulp-rev');
3
4gulp.task('css', function () {
5    return gulp.src('src/css/*.css')
6        .pipe(rev())
7        .pipe(gulp.dest('dist/css'))
8        .pipe( rev.manifest() )
9        .pipe( gulp.dest( 'rev/css' ) );
10});
11
12gulp.task('scripts', function () {
13    return gulp.src('src/js/*.js')
14        .pipe(rev())
15        .pipe(gulp.dest('dist/js'))
16        .pipe( rev.manifest() )
17        .pipe( gulp.dest( 'rev/js' ) );
18});
19
20...
21
22var revCollector = require('sog-gulp-rev-collector');
23var minifyHTML   = require('gulp-minify-html');
24
25gulp.task('rev', function () {
26    return gulp.src(['templates/**/*.html'])
27        .pipe( revCollector(['rev/**/*.json']) )
28        .pipe( minifyHTML({
29                empty:true,
30                spare:true
31            }) )
32        .pipe( gulp.dest('dist') );
33});