Angular 2在整个模块中共享相同的css文件

Angular 2在整个模块中共享相同的css文件,angular,Angular,可以在同一个angular 2模块上共享同一个css文件吗 我知道我可以将视图封装模拟设置为继承的父组件css,但我希望在我的应用程序的一个特定模块中共享相同的样式 这是我的应用程序结构: 主要成分 模块A(此模块的共享css样式) 组成部分1 构成部分2 模块B(此模块的共享css样式) 组成部分1 构成部分2 是的,你可以。例如,只需创建一个文件,shared.scss。现在您可以在组件样式中导入它:@import./styles/shared.scss'您还可以将它添加到组件

可以在同一个angular 2模块上共享同一个css文件吗

我知道我可以将视图封装模拟设置为继承的父组件css,但我希望在我的应用程序的一个特定模块中共享相同的样式

这是我的应用程序结构:

  • 主要成分
    • 模块A(此模块的共享css样式)
      • 组成部分1
      • 构成部分2
    • 模块B(此模块的共享css样式)
      • 组成部分1
      • 构成部分2

  • 是的,你可以。例如,只需创建一个文件,
    shared.scss
    。现在您可以在组件样式中导入它:
    @import./styles/shared.scss'
    您还可以将它添加到组件中的
    样式URL

    我不确定,但这种方法似乎会导致导出它的每个组件的css重复。AOT编译器会去除它吗?是的@DzmitryVasilevsky你是对的,它会导致重复