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

Question

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

Answer 1

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