在`url()`中的SASS变量

时间:2018-02-04 16:19:16

标签: webpack sass compass-sass

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

$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)

1 个答案:

答案 0 :(得分:0)

您需要在路径变量中添加/才能使其成为绝对值 该错误表示罗盘无法找到您要链接的资源。

所以,你的变量看起来像是:

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