由于微信瀏覽器有著不管怎么清都存在依然非常嚴重的緩存的問題臀规,我們的項目升級上去后總是有部分用戶說不好使豌注,所以又來了一篇亡羊補牢
之前的es轉es5也是因為很多用戶的手機內置瀏覽器不支持蛉拙,順便吐槽一下iphone6s,因為這兩次的問題連同之前的白屏等問題都出在兩部iphone6s身上
本次提供的解決方式如下,是簡單版,值對css進行了壓縮(因為只有一個文件躯保,所以合并方法被注掉了),對js文件名加了哈希摇展,然后替換了html引用的路徑和名字吻氧,
遇到了一個問題溺忧,就是執(zhí)行task的時候咏连,rev-manifest.json文件總會替換掉上一次的配置,由于時間倉促鲁森,尚有待解決祟滴,具體實現如下
安裝gulp插件
npm init
npm install gulp gulp-concat gulp-minify-css gulp-rev gulp-rev-collector --save-dev
創(chuàng)建一個名為gulpfile.js的文件
執(zhí)行三行命令