我们是带有时间戳的缓存清除文件,也适用于我们的.css文件。但是当我们破坏css缓存时,缓存的背景图像是否也会被迫重新加载?
我们是否还需要为background-image: url();
添加时间戳?如果是这样,有没有办法用grunt做到这一点?到目前为止,我只能发现将时间戳添加到文件的方法,而不是css文件本身。
答案 0 :(得分:0)
版本控制遗憾的是,CSS文件不足以支持缓存破坏资产,这会强制浏览器从服务器获取新的CSS文件。但是,由于浏览器将您的CSS文件和图像缓存为单独的项目,因此您还需要单独破坏图像/精灵。
当图片跟随?
background-image: url(../img/some-sprite.png?version=20130205)
时,浏览器会被迫发出新请求。重要的是要注意,如果找到?
,它会发出新的请求。
如果你对它有一些特别的兴趣 - 阅读这篇文章以了解更多关于缓存中的缓存
https://www.bennadel.com/blog/2643-cache-busting-css-images-with-less-css.htm
仅限Gulp&没有编辑你的SASS follow this
您还可以使用许多npm包,例如gulp-cache-buster等。
如果您希望在SASS中阻止缓存,可以 follow this