gulp-append-rev
v1.0.0 gulp-append-rev gulp gulpplugin revision
gulp-append-rev
gulp打包静态资源添加版本号
installation
$ npm install gulp-append-rev --save-dev
gulp打包设置
gulpfile.js
var rev = require('gulp-append-rev');
gulp.task('rev', function() {
gulp.src('./index.html')
.pipe(rev({root:"build"}))
.pipe(gulp.dest('.'));
});
gulp.task('rev', function() {
gulp.src('./index.html')
.pipe(rev())
.pipe(gulp.dest('.'));
});
what?
通过正则匹配处理: (?:href|src)="(.*)[\?]rev=(.*)[\"]
页面中加载静态资源:
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/style-one.css?rev=@@hash">
<script src="script/script-one.js?rev=@@hash"></script>
<script src="script/script-two.js"></script>
</head>
<body>
<div><p>hello, world!</p></div>
<script src="script/script-three.js?rev=@@hash"></script>
</body>
</html>
执行以后 gulp-append-rev
:
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/style-one.css?rev=d65aaba987e9c1eefeb4be9cfd34e0de">
<script src="script/script-one.js?rev=17a5da6c8a2d875cf48aefb722eefa07"></script>
<script src="script/script-two.js"></script>
</head>
<body>
<div><p>hello, world!</p></div>
<script src="script/script-three.js?rev=5cadf43edba6a97980d42331f9fffd17"></script>
</body>
</html>
该模块,通过修改模块gulp-rev-append而来,扩展参数配置功能