`url()` 中的 SASS 变量

Question

我有一个变量，它是图像路径的字符串：

$loader-path: "assets/loader.png";

我正在尝试将此变量用作背景，但是，我一直收到错误消息：

找不到模块：错误：无法解析“assets/loader.png”

这就是我的 SASS 的样子：

$loader-icon: "assets/loading.png";

.inputLoader{
  background-image: url($loader-icon); // also tried url(#{$loader-icon})
  width: 24px;
  height: 24px;
  margin-left: -96px;
}

我也试过下面的，这是Compass指出的：

background-image: image-url($loader-icon);

上面只是打印image-url(assets/loading.png)

Answer 1

您需要在路径变量中添加/ 以使其成为绝对值。
该错误表示指南针找不到您链接的资源。

所以，你的变量看起来像：

$loader-icon: "/assets/loading.png";