css - 如何使用 SquishIT 对 CSS 图像的 URL 进行指纹识别

Question

我们将 SquishIt 用于我们的 CSS 和 JS，它在缓存失效方面非常有效。每当我们更改 CSS 或 JS 时，都会生成一个新的 URL，它会强制浏览器加载更新后的文件。

但是，背景图片等资源在 CSS 中有它们的 url。当我们更改图像时，我们会遇到与 SquishIt 之前的 CSS 和 JS 相同的缓存失效问题。

默认情况下，我们的 IIS 设置为提供 header 以缓存所有图像 30 天，因此当图像更新时浏览器甚至不会请求它，因为它只是从缓存中获取它。

有没有办法让 SquishIt 将指纹插入到 CSS 中的图像 url 中？如果我们能做到这一点，我们就可以使用 Url 重写来再次去除指纹并提供最新的图像。

我想自动执行此操作，避免在更改图像时必须记住更新 CSS 中对图像的任何引用的情况。

Answer 1

这应该已经到位了。你需要在你的包上调用 .AppendHashForAssets() 来设置它以选择加入行为(这是可选的行为，因为计算哈希值在某些情况下可能会变得昂贵)

参见 https://github.com/jetheredge/SquishIt/blob/master/SquishIt.Framework/CSS/CSSBundle.cs#L148-156