亡羊补牢 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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容