由于微信浏览器有着不管怎么清都存在依然非常严重的缓存的问题，我们的项目升级上去后总是有部分用户说不好使，所以又来了一篇亡羊补牢
之前的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
由于微信浏览器有着不管怎么清都存在依然非常严重的缓存的问题，我们的项目升级上去后总是有部分用户说不好使，所以又来了...
合并HTML： css压缩插件:gulp-minify-css
gulp是前端自动化工具，它可以进行html压缩、css压缩合并、js检查压缩、图片压缩、编译less、编译...
gulp是什么？使用 gulp 实现图片压缩、CSS 压缩合并、JS 压缩合并 gulp是一个基于流的构建工具，可...
Useref插件的作用 Gulp的useref插件可以将HTML引用的多个CSS和JS合并起来，减小依赖的文件个数...
1、资源压缩合并 （1）图片：雪碧图 （2）JS、CSS合并：利用项目构建工具webpack、grunt、gulp...
分享一个自己正在用的gulp配置项目，集成了css精灵图，less，css兼容前缀，js检查，html，js，cs...
Gulp和Webpack的基本区别： gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，...
Gulp中文网Gulp插件库Gulp小教程1Gulp小教程2html中对js和css引用路径问题需要看的一个典型 ...
1.gulp-sass 编译scss为css2.gulp-concat 合并文件3.gulp-ren...
本文标题：亡羊补牢 gulp合并css 哈希js 替换html
本文链接：https://www.haomeiwen.com/subject/svabsftx.html
网友评论