1.0.0 • Published 4 years ago
gulp-asset-rev_hzy v1.0.0
gulp-asset-rev
a plugin for gulp.js to replace file's name by adding content hash
Installation
npm install gulp-asset-revUsage
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>