在使用CDN的情况下,是否有方法为.scss中引用的图像的url添加前缀?

在使用CDN的情况下,是否有方法为.scss中引用的图像的url添加前缀?,css,sass,compass-sass,Css,Sass,Compass Sass,目前在我的.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 你将如何做

目前在我的
.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

你将如何做到这一点?(一个变量,或者已经有了相应的配置?)

谢谢。

请尝试语法和变量:

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

您是否尝试过使用图像url功能