Angular 2/4:每个模块加载sass变量

时间:2017-07-21 14:03:20

标签: angular typescript inheritance sass angular-cli

我们有一个核心模块,用于定义组件,以及继承核心模块的子模块(在单个应用程序中)。子模块包含子组件,它继承自核心组件。

核心模块中的每个组件都通过sass导入导入变量。我希望子组件使用不同的不同sass变量,但不必重新定义所有css规则。

我如何实现这一目标?

注意:如果每个子模块都在一个单独的应用程序中,我找到了解决方案。使用" stylePreprocessorOptions"在.angular-cli.json中的config(按应用程序定义),我能够使用文件名而不是文件相对路径导入核心组件中的变量。这样,每个子组件都使用正确的变量文件而无需做任何事情。但我不想使用多个应用程序,因为我们有40个应用程序...

由于

1 个答案:

答案 0 :(得分:0)

如果要更改项目中的现有样式

ng set defaults.styleExt scss

Cli处理其余部分。

创建每个组件时,它在使用CLI创建时具有独立的scss文件。你能解释一下你的确切问题可能会显示代码结构吗?