我在子目录(/ 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指向目录,但似乎没有任何工作。
答案 0 :(得分:3)
您可以使用以下配置添加Compass将查找精灵的其他路径:
sprite_load_path << '../alternate-sub4/images'
或
sprite_load_path << File.expand_path('../alternate-sub4/images')
在您的SCSS文件中,导入PNG文件:
@import 'global/*.png';
注意:强>
sprite_load_path
指令是Array
,这就是使用Ruby运算符<<
添加路径的原因。