Banbenhao NPM | npm.io

gulp-asset-rev

a plugin for gulp.js to replace file's name by adding content hash

Installation

npm install gulp-asset-rev

Usage

var gulp = require('gulp');
var assetRev = require('gulp-asset-rev');

gulp.task('rev',function() {
    gulp.src("./test/test.html")
        .pipe(assetRev())
        .pipe(gulp.dest('./'));
});

Options

hashLen: length of hash version string

Type: Number default: 7

verConnecter: version connect char

Type: String default: '-'

rootPath: it should be assigned when the asset's path is an absolute path

Type: String default: ""

verStr: use custom version string

Type: String

Example

var gulp = require('gulp');
var assetRev = require('./index.js');

gulp.task('rev',['revCss'],function() {
    gulp.src("./test/test.html")
        .pipe(assetRev())
        .pipe(gulp.dest('./dest'));
});

gulp.task('revCss',function () {
    return gulp.src('./test/styles/test.css')
        .pipe(assetRev())
        .pipe(gulp.dest('./dest/styles/'))
});
gulp.task('default',['rev']);

before: test.css

body{background:url('../images/bg.png')}

after: test.css

body{background:url("../images/bg_2769acd.png"}

before: test.html

<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="./styles/test.css" type="text/css" />
</head>
<body>
    <div>
        <img src="./images/test.png" />
    </div>
    <script src="./scripts/test.js" type="text/javascript"></script>
</body>
</html>

after: test.html

<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="./styles/test_0ede2cf.css" type="text/css" />
</head>
<body>
    <div>
        <img src="./images/test_25cf2b4.png" />
    </div>
    <script src="./scripts/test_8ced4e6.js" type="text/javascript"></script>
</body>
</html>

gulpplugin asset version md5

gulp gulp-util through2

@everything-registry/sub-chunk-1213 @zalastax/nolb-ban

1.0.0

6 years ago