angular - 如何在库中声明/包含导入的 scss 文件夹，以便可以在应用程序的 scss 文件中调用 @import？

Question

目标:
我正在尝试从我的库中包含一个路径，以便我可以使用 @import在我的应用程序中包含 scss 文件的语句，如下所示:

@import "some-scss-in-my-lib"

问题:
不幸的是，每次我尝试为我的应用程序提供服务时，我都会收到以下编译器错误:

SassError: Can't find stylesheet to import.

我已经尝试过的:

在 Stackoverflow 上查找搜索给我带来了 this thread它描述了与我现在面临的相同问题。我尝试将路径包含在 styleIncludePaths 中属性(property)就像Zainu建议但在尝试为应用程序提供服务时，我遇到了在 中描述的确切问题。问题 - 以上部分。

我试图设置 stylePreprocessorOptions属性如 GreatHawkeye在第一篇文章中，可以到 @import使用后的scss文件ng build ，但我不明白这是如何以及为什么对 stylePreprocessorOptions 起作用的但不是 styleIncludePaths ?

我还尝试在 google 上搜索，这将我带到了 Thread Unable to get styles bundled using styleIncludePaths option我在那里找到了答案 Alan Aguis ，但不幸的是，没有真正解释 styleIncludePaths 真正的用途。唯一的事情Alan Aguis说的是:

that is because styleIncludePaths is indented for something else.

但正如所说，他没有说 styleIncludePaths 到底是什么，这让我更加困惑。
我也尝试查找 ng-packagr github page关于 Add Style Include Paths 的文档在线程 How to use "styleIncludePaths"但结果还是一样，我找不到我的问题的明确答案。
关于这个问题的问题:

ng-package.json 中的 styleIncludePaths 什么时候使用？它仅用于已发布的包吗？

angular.json 中的 stylePreprocessorOptions 什么时候使用？仅在运行 ng build 后才用于 dist 版本吗？

ng-package.json 中的 styleIncludePaths 与 angular.json 中的 stylePreprocessorOptions 之间有什么区别？

如何在库中声明/包含导入的 scss 文件夹，以便可以在应用程序的 scss 文件中调用 @import？

我非常确定我的建议是错误的，但我想知道发生了什么以及如何解决我的问题。
对此的任何帮助一如既往地受到高度赞赏! 🙏🏻

Answer 1

如在 github 上的回答, I quote alan-agius4 :

The includes paths are used by CSS processors during the build of a library to resolve imports when processing scss/less/stylus files.In your ship unprocessed scss files, these paths will need to beincluded at application level instead of the library level, becausesuch files will not be handled by the library build pipeline, but theapplication’s. They are just copied as static files.In case you don’t want to include such paths at application level, youcan leverage webpack’s tilde import syntax ex:

@import "~/my-lib/scss/mixins”.

Note: webpack specific features are not official supported by the Angular tooling team and might break without warning.