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 文件中我导入共享变量文件。导入文件后添加变量将覆盖共享变量。