Angular Architecture - 導入第三方庫以將其用於功能模塊

Question

我正在創建一個新的 angular 應用程序，它由多個功能模塊組成。 我正在安裝 Material Design。 我想知道將 Material Design 中的模塊導入我的功能模塊的正確方法是什么。

例如。 1. 創建一個單獨的模塊“MaterialModule”並將其導入到所有功能模塊中。

2. 將 MaterialModule 導入 ShareModule 什么的。

我也想玩 Ag-Grid。 想知道我應該在哪里導入它。 1. AppModule 2. 個別功能模塊

我的目標是在應用程序增長時實現速度優化。

Answer 1

我看到大多數人創建了一個單獨的模塊，比如material.module.ts並將所有 Mat 模塊包含在這個文件中，並將這個模塊導入到他們需要的模塊中。

這樣，代碼看起來更整潔，但在應用程序大小方面效果不佳

我更喜歡只導入特定模塊所需的 Mat 模塊。

Answer 2

在每個功能模塊中導入您需要的任何材料模塊。

否則，您將不可避免地結束導入不需要的模塊。