在 Scout 中设置自定义图像路径答案

【问题标题】：Set a custom images path in Scout在 Scout 中设置自定义图像路径
【发布时间】：2012-06-18 08:49:36
【问题描述】：

我在 Windows 7 上使用 Scout 应用来轻松使用 SASS/Compass。我在尝试自定义 Scout 应该使用的图像路径时遇到了一些令人难以置信的烦人体验。

Scount 配置 UI 实际上提供了一个字段来设置我的图像路径，所以我将其设置为这样的：

c:\myproject\img

接下来我在我的 .SCSS 文件中使用一个规则，例如：

@include background(image-url("bg_skin.png"));

这会编译成具有如下图像路径的 CSS：

/images/img/bg_skin.png

这显然破坏了我的图像路径。我想我在这里错过了为什么我可以选择设置路径的逻辑，之后无论如何它都会被完全否决。

随着更多用户似乎遇到此问题，发布了更新：

此更新允许创建自定义配置文件来设置路径等，然后将使用该文件。所以我创建了那个文件并告诉 Scout 使用它：

images_dir = "../img"

这会像这样在 CSS 中编译成图像路径：

/../img/bg_skin.png

注意前导斜杠。用户配置的路径再次被否决，再次破坏了我的路径。我要做的就是告诉 Scout 使用我的“img”目录。这让我发疯了。

【问题讨论】：

【解决方案1】：

如果您真的想获得相对路径，您需要将relative_assets = true 添加到您的config.rb。当您使用compass create 创建新项目时，该文件中已对此进行了全部描述：

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

【讨论】：