gulp-chsi-revv
v1.1.3
Published
基于gulp的插件,静态资源后面添加时间戳作为版本号,达到去缓存的作用。
Downloads
8
Maintainers
Readme
gulp-chsi-revv
基于gulp的插件,静态资源后面添加时间戳作为版本号,达到去缓存的作用。
Installation安装
npm install gulp-chsi-revv
Usage用法
var gulp = require('gulp');
var chsiRev = require('gulp-chsi-rev');
gulp.task('rev',function() {
gulp.src("./test/test.html")
.pipe(chsiRev())
.pipe(gulp.dest('./'));
});
Example实例
var gulp = require('gulp');
var chsiRev = require('gulp-chsi-rev');
gulp.task('rev',['revCss'],function() {
gulp.src("./test/test.html")
.pipe(chsiRev())
.pipe(gulp.dest('./dest'));
});
gulp.task('revCss',function () {
return gulp.src('./test/styles/test.css')
.pipe(chsiRev())
.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.png?v=1482737522923")}
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.css?v=1482737522924" type="text/css" />
</head>
<body>
<div>
<img src="./images/test.png?v=148273752295" />
</div>
<script src="./scripts/test.js?v=1482737522926" type="text/javascript"></script>
</body>
</html>
更新日志
v1.1.1 添加注释
v1.1.0 有个参数写错了
v1.0.9 删除无用注释
v1.0.8 每次更改时,所有修改都用同一个时间戳
v1.0.7 js动态加载进来的js和css,需要增加版本号,例如:
<script>if(wapFn()){addFile('css','https://t1.chei.com.cn/yz/sytj/assets/css/wap/tj-wap.min.css');}</script>
v1.0.6 t-common目录不修改参数,如果有参数则去掉。例如:
<link href="<chsi:spath path="/ch/iconfont.css" commonResource='true' />" rel="stylesheet"/>
<script src="http://t3.chei.com.cn/common/js/jquery/jquery-1.8.3.min.js"></script>
v1.0.3 链接后面已有参数时,不能再加用“?”,需要改成“&”
v1.0.2 添加spath访问,可添加版本号
v1.0.1 删除掉无用的注释
v1.0.0 初版,添加时间戳版本号