使用 Grunt 破坏缓存的 CSS 背景图片
bust cached CSS background-images with Grunt
我们是带有时间戳的缓存破坏文件，也用于我们的 .css 文件。但是当我们破坏 css 缓存时，缓存的背景图像是否也会被强制重新加载？
我们是否也需要向 background-image: url(); 添加时间戳？如果是这样，有没有办法用咕噜声来做到这一点？到目前为止，我所能发现的所有方法都可以向文件添加时间戳，但不是在 css 文件本身中。
版本控制 不幸的是，CSS 文件对于 缓存破坏 资产来说不够好，这将强制浏览器获取来自服务器的新 CSS 文件本身。但是由于浏览器将您的 CSS 文件和图像缓存为单独的项目，因此您需要分别破坏 images/sprites。
当图片跟在?background-image: url(../img/some-sprite.png?version=20130205)之后，浏览器被迫重新请求。请务必注意，如果找到 ?，它会发出新请求。
如果您确实对它特别感兴趣 - 阅读这篇文章以了解更多关于 LESS 中的缓存破坏
https://www.bennadel.com/blog/2643-cache-busting-css-images-with-less-css.htm
对于仅使用 Gulp 且不编辑您的 SASS 的缓存破坏
您还可以使用许多 npm 包，例如 gulp-cache-buster 等
如果你想在你的 SASS 中清除缓存，你可以
我们是带有时间戳的缓存破坏文件，也用于我们的 .css 文件。但是当我们破坏 css 缓存时，缓存的背景图像是否也会被强制重新加载？
我们是否也需要向 background-image: url(); 添加时间戳？如果是这样，有没有办法用咕噜声来做到这一点？到目前为止，我所能发现的所有方法都可以向文件添加时间戳，但不是在 css 文件本身中。
版本控制 不幸的是，CSS 文件对于 缓存破坏 资产来说不够好，这将强制浏览器获取来自服务器的新 CSS 文件本身。但是由于浏览器将您的 CSS 文件和图像缓存为单独的项目，因此您需要分别破坏 images/sprites。
当图片跟在?background-image: url(../img/some-sprite.png?version=20130205)之后，浏览器被迫重新请求。请务必注意，如果找到 ?，它会发出新请求。
如果您确实对它特别感兴趣 - 阅读这篇文章以了解更多关于 LESS 中的缓存破坏
https://www.bennadel.com/blog/2643-cache-busting-css-images-with-less-css.htm
对于仅使用 Gulp 且不编辑您的 SASS 的缓存破坏
您还可以使用许多 npm 包，例如 gulp-cache-buster 等
如果你想在你的 SASS 中清除缓存，你可以