利用gulp解决微信浏览器缓存问题

 1 var gulp = require(‘gulp‘),
 2     concat = require(‘gulp-concat‘),//- 多个文件合并为一个；
 3     minifyCss = require(‘gulp-minify-css‘),//- 压缩CSS为一行；
 4     jshint = require(‘gulp-jshint‘),
 5     uglify = require(‘gulp-uglify‘),
 6     rev = require(‘gulp-rev‘),//- 对文件名加MD5后缀
 7     revCollector = require(‘gulp-rev-collector‘),//- 路径替换
 8     clean = require(‘gulp-clean‘);//- 清空文件夹，避免资源冗余
 9 
10 //清空文件夹，避免资源冗余css
11 gulp.task(‘cleancss‘,function(){
12     return gulp.src(‘css‘,{read:false}).pipe(clean());
13 });
14 
15 //清空文件夹，避免资源冗余js
16 gulp.task(‘cleanjs‘,function(){
17     return gulp.src(‘js‘,{read:false}).pipe(clean());
18 });
19 
20 gulp.task(‘css‘, [‘cleancss‘], function() {//- 创建一个名为 concat 的 task
21     gulp.src([‘./src/css/*.css‘]) //- 需要处理的css文件，放到一个字符串数组里
22     //.pipe(concat(‘wrap.min.css‘)) //- 合并后的文件名
23         .pipe(minifyCss())//- 压缩处理成一行
24         .pipe(rev())//- 文件名加MD5后缀
25         .pipe(gulp.dest(‘./css‘))//- 输出文件本地
26         .pipe(rev.manifest())//- 生成一个rev-manifest.json
27         .pipe(gulp.dest(‘./rev/css‘));//- 将 rev-manifest.json 保存到 rev 目录内
28 });
29 
30 gulp.task(‘js‘, [‘cleanjs‘], function() {//- 创建一个名为 concat 的 task
31     gulp.src([‘./src/js/*.js‘])                 //- 需要处理的js文件，放到一个字符串数组里
32     //.pipe(concat(‘wrap.min.js‘)) //- 合并后的文件名
33         .pipe(jshint())//- 压缩处理成一行
34         .pipe(uglify())
35         .pipe(rev())//- 文件名加MD5后缀
36         .pipe(gulp.dest(‘./js‘))//- 输出文件本地
37         .pipe(rev.manifest())//- 生成一个rev-manifest.json
38         .pipe(gulp.dest(‘./rev/js‘));//- 将 rev-manifest.json 保存到 rev 目录内
39 });
40 
41 gulp.task(‘rev‘, function() {
42     gulp.src([‘./rev/**/*.json‘, ‘./src/*.html‘])//- 读取 rev-manifest.json 文件以及需要进行css名替换的文件。通过hash来精确定位到html模板中需要更改的部分，然后将修改成功的文件生成到指定目录
43         .pipe(revCollector())//- 执行文件内css名的替换
44         .pipe(gulp.dest(‘./‘));//- 替换后的文件输出的目录
45 });
46 
47 
48 gulp.task(‘default‘, [‘css‘,‘js‘,‘rev‘]);