我们有一个定义组件的核心模块，以及继承核心模块的子模块(在单个应用程序中)。子模块包含继承自核心组件的子组件。
核心模块中的每个组件都通过 sass 导入导入变量。我希望子组件使用不同的 sass 变量，但不必重新定义所有的 css 规则。
我怎样才能做到这一点？
注意:如果每个子模块都在一个单独的应用程序中，我已经找到了解决方案。使用 .angular-cli.json 中的“stylePreprocessorOptions”配置(每个应用程序定义)，我能够使用文件名而不是文件相对路径在核心组件中导入变量。这样，每个子组件都可以使用正确的变量文件而无需执行任何操作。但我不想使用多个应用程序，因为我们将有大约 40 个...
谢谢
最佳答案
如果您要更改项目中的现有样式
ng set defaults.styleExt scss
Cli 处理其余部分。
当您创建每个组件时，它在使用 CLI 创建时都有独立的 scss 文件。你能解释一下你的确切问题可能是显示代码结构吗？
关于 Angular 2/4 : Loading sass variables per module，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45239740/