【gulp|如何进行清除web端缓存】对于一个html页面，缓存分3部分，一个是页面内容，一个是css样式，一个是JS文件
1、进行清除页面内容
//meta标签清理缓存
//标签：
//如果需要在html页面上设置不缓存，这在标签中加入如下语句：
//用于设定禁止浏览器从本地机的缓存中调阅页面内容 //Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。 //可以用于设定网页的到期时间 //清除浏览器中的缓存，它和其它几句合起来用，就可以使你再次进入曾经访问过的页面时，浏览器必须从服务端下载最新的内容，达到刷新的效果。
2、CSS和JS文件
就是只要在每次修改后改一下版本号即可,这样比较麻烦。 可以通过gulp和webpack工具进行添加版本号。 gulp有个通用与简单项目自动加版本号的方法：安装方法如下 $ npm install gulp-rev-append-all --save-dev 执行文件gulpfile.js如下
var rev = require(‘gulp-rev-append-all’);
gulp.task(‘rev’, function() {
gulp.src(’./index.html’)
.pipe(rev())
.pipe(gulp.dest(’.’));
});
推荐阅读
- 自动化构建工具（二）（特性）
- 区块链|理解以太坊DApp及开发工具
- webpack 使用 （一） 原理的介绍
- webpack打包原理
- 动态引入（require, import）
- Node.js|gulp前端自动化构建工具（四）（gulp文件路径处理模块）
- javascript|react使用笔记及生命周期
- webpack构建原理（实现一个简易的webpack构建器）
- webpack 构建 npm 包优化