@xiaoqq
2017-04-21T03:09:37.000000Z
字数 1151
阅读 969
唯品花
安装插件:
npm install --save-dev gulp-rev
npm install --save-dev gulp-rev-collector
替换gulp-rev的index.js
http://wiki.corp.vipshop.com/download/attachments/173906358/index.js?version=1
再替换gulp-rev-collector的index.js:
http://wiki.corp.vipshop.com/download/attachments/173906358/index.js?version=2
修改gulp任务:
//less 样式处理
gulp.task('css', function () {
var cssSrc = './asset/css/**/*.less',
cssDst = './webapp/css';
gulp.src(cssSrc)
.pipe(less())
.pipe(cssmin())
.pipe(rev())
.pipe(gulp.dest(cssDst))
.pipe(rev.manifest())
.pipe(gulp.dest( './rev/css' ))
});
// js处理
gulp.task('js', function () {
var appSrc = './asset/script/**/*.js',
appDst = './webapp/script/';
gulp.src(appSrc).pipe(uglify())
.pipe(rev())
.pipe(gulp.dest(appDst))
.pipe(rev.manifest())
.pipe(gulp.dest('./rev/js' ));
});
gulp.task('rev', function () {
return gulp.src(['./rev/**/*.json', '../vipmxfd/vipmxfd-webapp/src/main/resources/ftl/*.ftl'])
.pipe( revCollector({
replaceReved: true
}) )
.pipe( gulp.dest('../vipmxfd/vipmxfd-webapp/src/main/resources/ftl/') );
});
当运行gulp css
或gulp js
之后,会生成两个manifest文件,存储脚本的hashcode。
而gulp rev
是替换所有ftl的版本号,这个命名只需要发版之前更改即可。
两套方案:
1. 着陆页等活动页由于需要频繁更新静态资源,所以,还是继续沿用来的tempversion版本号;
2. 对于账单部分的页面,并不需要频繁更新静态资源,所以使用hashcode作为版本号。