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

Question

我在 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

这显然打破了我的形象路径。我想我在这里遗漏了为什么我可以选择设置路径的逻辑，之后它无论如何都被完全否决了。

随着越来越多的用户似乎有这个问题，发布了一个更新:

http://www.continuousthinking.com/2012/05/14/scoutapp-0-6-0-rc1.html

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

images_dir = "../img"

这会在 CSS 中编译成图像路径，如下所示:

/../img/bg_skin.png

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

Answer 1

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

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