CssSyntaxError：无法解析'../assets/images/plus.png

Question

我在styles.scss中编写了一个CSS类，如下所示：

.plus-icon {
 width: 30px;
 height: 30px;
 background: transparent url("../#{$image-path}/plus.png") no-repeat;
 //background: transparent url("./../#{$image-path}/plus.png") no-repeat; //also tried this 
}

并在styles.scss顶部导入变量文件

@import "variable";

可变文件图像路径中的

$image-path: 'assets/images';

我能够从该文件访问其他变量，但无法访问$ image-path遇到错误无法解析'../assets/images/plus.png'

我的目录结构如下

|__sass
      |__styles.scss
      |__variable.scss
|__assets
    |__images
         |__plus.png