在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