指南针给了我错误的精灵之路

Question

config rb正在运行默认值。 文件夹结构也是默认的。

在我的scss文件中。

@import "icons/*.png";

@mixin sprite_css($name) {
@include icons-sprite($name);
height: icons-sprite-height($name);
width: icons-sprite-width($name);
display:block;
}


.btn {@include sprite_css(deltag);}  //deltag is the name of a png image in the sprite.

在此之前，我在images文件夹下创建了一个名为icons的文件夹 在这里，我将所有的png文件放入。

生成的css代码如下所示。

.icons-sprite, .icons-deltag, .icons-deltag_grey, .icons-deltag_mouseover, .icons-facebook_del, .icons-faneblad, .icons-soegefelt, #container .btn, #container .btn_over {
background: url('/images/icons-s93e62b2fff.png') no-repeat;
}`

注意背景路径设置时没有图像文件夹前面的尾随点，所以放在stylesheets文件夹中的CSS文件现在在stylesheets文件夹中查找图像文件夹，显然文件没有被加载。无论如何我似乎无法改变这一点。将config rb更改为relative_assets = true无效。

我希望css文件指向sprint。

background: url('../images/icons-s93e62b2fff.png') no-repeat; 

这是正确的路径，我该如何实现？

Answer 1

每次运行Compass命令时都会加载Compass config.rb文件。如果您正在运行compass watch，则必须退出该流程，然后重新启动该流程，以便将更改重新加载到config.rb文件。