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

Joh*_*ohn 4 angular

可以在同一个角度2模块上共享相同的css文件吗?

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

这是我的app结构:

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

Rob*_*hof 8

是的你可以.shared.scss例如,只需创建一个文件.现在,您可以使用组件样式导入它:@import './styles/shared.scss';您也可以将其添加到styleUrls组件中.

  • 我不确定,但是这种方法似乎导致导出它的每个组件的css复制。/sf/answers/2904389701/ AOT编译器会剥离它吗? (4认同)