我正在使用 MonoRepo 方法来构建客户应用程序。我所有的逻辑组件都在几个 Angular 库中。对于每个客户,我都会有一个不同的应用程序来在其中进行一些配置并提供客户想要的布局。此外,在每个客户应用程序中,我想覆盖 Bootstrap 主题颜色。在库/组件中,我想访问主题颜色。
问题是这样的: 在我的库中的 Components.scss 文件中,我无法从 Bootstrap (因为这样我将拥有默认颜色)或从我的应用程序(因为那样我将在所有库组件中拥有一个特定客户的颜色)导入variables.scss .
如何解决使用 scss 单独设置每个应用程序样式的问题?
最佳答案
我建议你尝试this option在 StackOverflow 上讨论过。 它使用 includePaths 方法而不是 fileReplacements(这是我的第一个想法,但目前 Angular 不能与 SCSS 一起使用)。
我相信您可以使用不同的配置进行构建,并根据您构建的项目替换 SCSS 变量文件。不幸的是,这种方法需要为每个需要自己的样式的项目提供大量配置,从而污染 angular.json 文件。
关于angular - 使用 Bootstrap 和 sass 对 Angular 应用程序和库进行主题化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60825874/