sass - 如何使用特定于应用程序的值覆盖共享库中的 sass 变量

Question

给定一个具有以下布局的 Nx monorepo (angular-cli)

apps
-app1
-app2
libs
-shared
-feature1
-feature2

共享库中有一个带有颜色变量的 variables.scss 文件。功能库中的组件样式表导入这些变量。到目前为止，一切都很好。app1 和 app2 都导入功能库(延迟加载)

问题:如何覆盖颜色变量以便为 app1 和 app2 呈现具有不同颜色的特征组件？

Answer 1

我的解决方案是将 styles.scss 包含在应用程序的样式数组中，然后在 styles.scss 文件中导入共享变量文件。导入文件后添加变量将覆盖共享变量。