css - 如何指向项目目录之外的 sprites 文件夹？

Question

我在子目录（/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 指向目录，但似乎没有任何效果。

score 3 · Accepted Answer

您可以使用以下配置添加 Compass 查找精灵的附加路径：

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

或者

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

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

@import 'global/*.png';

注意：
该sprite_load_path指令是Array使用 Ruby 运算符添加路径的原因<<。

1 回答 1