css - 如何指向元素目录外的sprites文件夹？

我在子目录（/ project / sub1 / sub2 / sub3 / sub4 /）中设置了一个罗盘项目。 SCSS文件位于/ project / sub1 / sub2 / sub3 / sub4 / css / src，图像位于/ project / sub1 / sub2 / sub3 / sub4 / images。

我需要生成一个精灵，其源PNG保存在项目外部的目录中（/ project / sub1 / sub2 / sub3 / alternate-sub4 / images / global）。我尝试更改@import的路径，但是在编译我的SCSS时始终抛出错误，提示“在加载路径中找不到文件。”。

这是我在_sprites.scss中的@import：

@import“ /../../../alternate-sub4/images/global/*.png”;

我的config.rb位于/ project / sub1 / sub2 / sub3 / sub4 /

http_path = "/"
css_dir = "css"
sass_dir = "css/src"
images_dir = "images"
javascripts_dir = "js"
fonts_dir = "fonts"

有人可以告诉我要使它生效需要进行哪些更改？我尝试了许多不同的操作，包括符号链接和使用sprite_load_path指向目录，但似乎没有任何效果。

最佳答案

您可以使用以下配置在Compass上查找Sprite的其他路径：

sprite_load_path << '../alternate-sub4/images'

要么

sprite_load_path << File.expand_path('../alternate-sub4/images')

在您的SCSS文件中，导入PNG文件：

@import 'global/*.png';

请参见configuration reference。

注意：
sprite_load_path指令是Array，这就是为什么使用Ruby运算符<<添加路径的原因。