胸围缓存CSS背景图像与Grunt

时间:2016-11-09 10:32:56

标签: css caching gruntjs

我们是带有时间戳的缓存清除文件,也适用于我们的.css文件。但是当我们破坏css缓存时,缓存的背景图像是否也会被迫重新加载?

我们是否还需要为background-image: url();添加时间戳?如果是这样,有没有办法用grunt做到这一点?到目前为止,我只能发现将时间戳添加到文件的方法,而不是css文件本身。

1 个答案:

答案 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