SASS 图像 CSS 缓存破坏（通过 Compass）

【问题标题】：SASS Image CSS Cache Busting (via Compass)SASS 图像 CSS 缓存破坏（通过 Compass）
【发布时间】：2010-11-01 20:06:27
【问题描述】：

谁能解释在 SASS 中实现缓存破坏器的最佳实践方法？意思是，在我的 CSS 的“编译”时，它会在图像文件中附加一个时间戳。例如，

以下SASS代码：

!sprite="gubs.gif"

ul
  li.selected
    :background
      :image= image_url(!sprite)
      :repeat no-repeat
      :position= "right" -222px

应该产生：

ul li.selected {
  background: url(../images/gubs.gif?123456789) no-repeat right -222px
}

在 ruby 工具榨汁机中，这会自动为您完成。但我似乎无法通过 Compass 找到有关如何在 SASS 中执行此操作的文档。

【问题讨论】：

【解决方案1】：

确保您使用的是 compass v0.6.5 或更高版本。

此外，您需要确保在配置文件中相对于项目根目录设置了images_dir，并设置了http_images_path = :relative。

一旦您完成了所有这些操作，但仍然无法正常工作，获得支持的最佳地点是 compass 邮件列表。

【讨论】：

我有最新的 v0.6.15，还有 :relative 集。仍然没有附加到图像路径的缓存破坏器。我想这真的只是 SASS 中缺少的功能吗？不过感谢您的回答！
它在 compass v0.10.5 中非常适合我。您需要设置 images_dir 和 http_images_dir 配置标志，以便指南针可以找到您的图像。我没有使用relative_assets，但我认为它也可以。