2016-11-09 73 views
1

我们正在缓存具有时间戳的文件,也针对我们的.css文件。但是,当我们破坏CSS缓存时,缓存的背景图像是否也会被强制重新加载?使用Grunt对胸围进行缓存的CSS背景图像

我们是否需要为background-image: url();添加时间戳?如果是这样,有没有办法做到这一点与咕噜?到目前为止,我只能找到将时间戳添加到文件的方式,而不是在css文件中。

回答

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


缓存与破坏破坏只咕嘟咕嘟&没有编辑SASS follow this

你也可以使用许多npm包,如gulp-cache-buster


如果你想缓存在你的SASS破坏你可以follow this

+0

这是我现在用的虽然这是针对从LESS编译CSS。它现在可以工作,但我们正在从LESS转移到SASS,因此我们试图找到一种独立工作的解决方案。 – Baumfrosch

+0

回答更新了链接 –