angular - 使用 Bootstrap 和 sass 对 Angular 应用程序和库进行主题化

标签 angular twitter-bootstrap sass bootstrap-4

我正在使用 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/

相关文章:

javascript - 如何将数据从可观察的主题推送到组件中的数组?

javascript - Ionic 和 Angular 2 - 拒绝应用来自 'http://localhost:8100/build/main.css' 的样式,因为它的 MIME 类型 ('text/html' 不受支持

css - 有没有办法在 Visual Studio 中查看 sass 文件的行号?

html - 创建 .grid.column 类时的@for 指令问题

javascript - Angular 8 - 延迟加载模块 : Error TS1323: Dynamic import is only supported when '--module' flag is 'commonjs' or 'esNext'

javascript - Angular Material Table filterPredicate

php - fatal error : Uncaught exception 'PHPExcel_Reader_Exception' with message 'Could not open for reading! 文件不存在

css - 如何在SASS中将单位添加到数字

css - 如何更改 Bootstrap 3 中导航栏的颜色?

css - 舍入 Bootstrap 3 旋转木马 Angular