Scss url() 相对于导入的 scss 文件解析

Scss url() resolves relative to imported scss files

我们目前正在将 prime ng 实施到我们的应用程序中。我在 angular.json 中引用了 style 标签下的 scss 文件。我查看了引用的 scss,它还包含多个 scss 导入。喜欢来自不同文件夹的 @import _layout.scss。问题是这些导入的 scss 文件 url("../images/special/#{$horizontalMenuBgImageLight}") 中使用的资产是相对于它们所在的文件解析的,而不是相对于我在样式标签下的 angular.json 中引用的主要 scss 解析的。 所以我收到这些资产的“无法解决”错误。我可以将文件夹移动到需要的位置,但我想知道这是否是正确的解决方案,因为文件夹结构是由 prime ng 像这样设置的。

我发现从 Angular 10 开始,我描述的行为就是默认行为。 更多上下文:https://github.com/angular/angular-cli/pull/17537