用较少的缓存来缓存静态图像

Question

情况：

我正在尝试将缓存清除查询参数添加到我的较少文件中。在less文件中声明时间戳并将其附加到每个后台css属性：

@cache-version: `( new Date() ).getTime()` ;

background: url('images/icons.png?version=@{cache-version}')

结果显示在网络标签Chrome Dev Tool中附加了带有版本号的图像的胸围字符串....

/assets/images/icons.png?version=1429402449860

问题：

问题是，在Chrome浏览器上执行“正常重新加载”时，它仍然显示“来自缓存”。哪个不是从服务器抓取静态图像。

问题：

如何从服务器获取新鲜的静态图像？

修改

我一丝不苟地使用这种方法，但没有运气：

http://www.bennadel.com/blog/2643-cache-busting-css-images-with-less-css.htm

我正在考虑尝试创建一个grunt-task，但不确定它是否也能正常工作。

Answer 1

  

问题在于做正常重载＆＃34;在Chrome浏览器上，它的＆gt;仍然显示＆＃34;来自缓存＆＃34;。哪个不是从＆gt;抓取静态图像服务器。

较少编译成静态CSS，因此您需要在重新加载浏览器之前重新编译CSS（更改缓存时间）。此外，当您在浏览器中使用Less时，请更少缓存Less文件（因此可能使用旧的缓存时间）。对于Less in browser，将environment选项设置为debug以防止缓存。