sass - 在 Scout 中设置自定义图像路径

Question

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

Scount 配置 UI 实际上提供了一个字段来设置我的图像路径，因此我将其设置为如下内容：

c:\我的项目\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”目录。这让我发疯。

score 0 · Accepted Answer

如果你真的想获得相对路径，你需要添加relative_assets = true到你的config.rb. 当您使用以下命令创建新项目时，该文件中的所有内容都进行了描述compass create：

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

1 回答 1