在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