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。