亡羊补牢 gulp合并css 哈希js 替换html

由于微信浏览器有着不管怎么清都存在依然非常严重的缓存的问题，我们的项目升级上去后总是有部分用户说不好使，所以又来了一篇亡羊补牢

之前的es转es5也是因为很多用户的手机内置浏览器不支持，顺便吐槽一下iphone6s，因为这两次的问题连同之前的白屏等问题都出在两部iphone6s身上

本次提供的解决方式如下，是简单版，值对css进行了压缩（因为只有一个文件，所以合并方法被注掉了），对js文件名加了哈希，然后替换了html引用的路径和名字，

遇到了一个问题，就是执行task的时候，rev-manifest.json文件总会替换掉上一次的配置，由于时间仓促，尚有待解决，具体实现如下

安装gulp插件

npm init

npm install gulp gulp-concat gulp-minify-css gulp-rev gulp-rev-collector --save-dev

创建一个名为gulpfile.js的文件

gulpfile.js.png

执行三行命令

执行命令.png

执行结果.png

替换结果.png