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

Question

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

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

这是我的应用结构：

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

Answer 1

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