是否有方法在.scss中引用的图像的url前缀以防止CDN的使用？

Question

目前在我的.scss文件中

.grid_pic {
    width : $width-grid;
    background : transparent url('/img/exemple_bg.png') 0 0 repeat;
}

是否有一种方法可以移除/img/ 并定义一个变量，或者是一个配置文件，它告诉所有图像的前缀都是我想要的值?。

因此，当我们决定通过CDN提供图像时，我们只需将1配置行从/img/更改为http://cdn.example.com/，而不是更改图像的所有Url？

你怎么做到这一点的？(变量还是已经有了配置?)

谢谢。

Answer 1

尝试使用内插语法和一个变量：

background: url(#{$path_variable_name}/site/background.jpg);

Answer 2

你试过用图像url函数吗？

http://compass-style.org/reference/compass/helpers/urls/#image-url