在导入的sass文件中使用相对路径时,url()未引用正确的文件

我的项目包含以下内容:

一个带有手工编码的SCSS文件的balloon JS小部件 common/balloon/luciad-balloon.scss :

...

.lcdClose {
  ...
  background-image: url("close-icon-selected.png");
}

.lcdClose:hover {
  ...
  background-image: url("close-icon.png");
}

带有生成的CSS文件的图标字体 resources/font/luciad/style.css

@font-face {
  font-family: 'LuciadRIA';
  src:
    url('fonts/LuciadRIA.ttf?25o3wd') format('truetype'),
    url('fonts/LuciadRIA.woff?25o3wd') format('woff'),
    url('fonts/LuciadRIA.svg?25o3wd#LuciadRIA') format('svg');
  font-weight: normal;
  font-style: normal;
}

...

我现在正在创建一个主题文件 template/css/sample-single.scss

不幸的是,我做不到:

@import "../../resources/font/luciad/style";
@import "../../common/balloon/luciad-balloon";

sample-single.scss ,该URL仍然相对于导入的文件,因此不正确。这种行为令人困惑,因为我希望SCSS导入在这方面的行为与CSS导入相同。

我可以代替 @import "../../resources/font/luciad/style" 具有 @import "../../resources/font/luciad/style.css" sample-single.css .

为了 @import "../../common/balloon/luciad-balloon"

资源/font/luciad/样式表 进入之内 模板/css/sample-单个.scss 而不必将属性值中的url重写为绝对路径?