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
我们目前正在将 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