Javascript 如何将SASS中的外部文件夹中的图像作为背景图像加载？

我有一个场景，我的所有图像都将从第三方云库加载，而不是从本地根文件夹加载。我是否可以在SASS中配置该路径并将其设置为背景图像的URL

这就是我目前拥有的： $placeholder image:url（'../../img/test.png'）

---

但img文件夹在其给定路径上不可用，它应该仍然能够加载图像。有人能帮忙吗？

我不确定是否要重写您的相对路径-这需要某种SCSS解析器插件。如果您能够控制样式表，可能会付出比它更大的努力

更简单地说，您可以设置一个变量，该变量是图像从何处提供服务的URL，然后使用图像路径对其进行插值，为方便起见，所有这些都在一个函数中

像这样：

$bg-image-url: 'https://image-server.com/';

@function bgImageUrl($path) {
  @return url('#{$bg-image-url}#{$path}');
}

.element {
  background-image: bgImageUrl('test.png');
}

汇编至：

.element {
  background-image: url("https://image-server.com/test.png");
}

---

我不确定是否要重写您的相对路径-这需要某种SCSS解析器插件。如果您能够控制样式表，可能会付出比它更大的努力

更简单地说，您可以设置一个变量，该变量是图像从何处提供服务的URL，然后使用图像路径对其进行插值，为方便起见，所有这些都在一个函数中

像这样：

$bg-image-url: 'https://image-server.com/';

@function bgImageUrl($path) {
  @return url('#{$bg-image-url}#{$path}');
}

.element {
  background-image: bgImageUrl('test.png');
}

汇编至：

.element {
  background-image: url("https://image-server.com/test.png");
}

---

嗨，谢谢你的回复。在我的例子中，$bg图像url路径，需要从JSON加载，我尝试在SASS中编写该函数，但似乎不支持该功能，您能告诉我是否有任何方法使其成为可能吗？嗨，谢谢您的回复。在我的例子中，$bg图像url路径，需要从JSON加载，我尝试在SASS中编写该函数，但似乎不支持该功能，您能告诉我是否有任何方法使其成为可能吗？