@xiaoqq
2017-04-21T03:09:37.000000Z
字数 1151
阅读 1068
唯品花
安装插件:
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作为版本号。