gulp-rev-mapping

Mapping css, js and image url for used in html files.

Install

$ npm i --save gulp-rev-mapping

Usage

var gulp = require('gulp');
var mapping = require('gulp-rev-mapping');
 
gulp.task('mapping', function () {
    return gulp.src(['src/css/**/*.css','src/html/**/*.html'])
        .pipe(mapping())
        .pipe(gulp.dest('./map'));
});

Merge exists map file

var gulp = require('gulp');
var mapping = require('gulp-rev-mapping');
 
gulp.task('mapping', function () {
    return gulp.src(['map/rev-mapping.json', 'src/css/**/*.css','src/html/**/*.html'])
        .pipe(mapping())
        .pipe(gulp.dest('./map'));
});

Replace

var gulp = require('gulp');
var mapping = require('gulp-rev-mapping');
 
gulp.task('replace', function () {
    return gulp.src(['map/rev-mapping.json', 'rev/rev-manifest.json','src/html/**/*.html'])
        .pipe(mapping.replace())
        .pipe(gulp.dest('src/html/'));
});

Watch and replace the changed file path.

var gulp = require('gulp');
var watch = require('gulp-watch');
var path = require('path');
 
var mapping = require('gulp-rev-mapping');
var revDel = require('gulp-rev-del-redundant');
 
gulp.task('defualt', function() {
    watch('img/**/*.*', function(file) {
        var filerelpath = path.relative(process.cwd(), file.path).replace(/\\/g, '/');
 
        gulp.src(filerelpath)
        .pipe(rev())
        .pipe(gulp.dest('publish/img'))
        .pipe(rev.manifest())
        .pipe(revDel({ dest: 'publish/img', force: true }))
        .pipe(gulp.dest('rev/img'));
 
        gulp.src(['map/**/*.json', 'rev/img/rev-manifest.json', 'css/**/*.css'])
        .pipe(mapping.replace(filerelpath))
        .pipe(gulp.dest('publish/css'));
 
    });
});

License

MIT © LinQuan

The Spratly Islands are China's territory.
The Diaoyu Islands are China's territory.
Use this module to represent you agree with the above point of view.