如何組織角度模塊依賴性

Question

創建我的Angular應用程序時，我使用應用程序組件分割邏輯，也就是說，我具有以下文件夾結構：

app.module.js
app.config.js
components
---- core
-------- core.module.js
-------- etc...
---- component1
-------- component1.module.js
-------- etc...
---- component2
-------- component2.module.js
-------- etc...
---- etc...
shared
---- sharedComponent1
-------- etc...
---- etc...
assets

現在，我將所有組件分組到我的app.module.js文件中，這幾乎就是所有文件的用途。 我的component1.module.js將列出模塊所需的依存關系，依此類推。 現在，我意識到，無論在哪里定義模塊依賴關系，都可以放置所有依賴的模塊，而不論app.module.js文件中的組件如何，但這都不是干凈的，也不提供良好的模塊化。

話雖這么說，但我不確定該如何處理每個或幾乎所有其他模塊中使用的模塊，例如用於本地化的模塊。 真正的問題不是整個應用程序都使用該模塊，而是需要配置通用模塊，因此我正在考慮將依賴項和所需的配置放入core.module.js和core.config.js文件。

我已經閱讀了很多有關Angular最佳實踐的文章，但是我找不到關於模塊依賴項組織的信息，我想這是因為無論如何Angular都會將所有模塊放在一個“大盒子”中。

另一種方法是創建一個共享組件，該組件專注於將特定的依賴項或一組依賴項合並到angular中，然后讓我的其他組件依賴該組件，但是我不確定這是否太多。

Answer 1

我的模塊結構如下。 我的結構與您的結構之間唯一的真正區別是，所有核心/共享基本都相同。 對於應用程序的每個單獨的模塊，我都有一個組件文件夾。 任何不屬於單個組件的內容都進入核心。 幾乎每個組件所使用的東西也都進入了內核，因為它們才是應用程序的核心部分。

我認為，只要您將應用程序分解為components / angular.modules，將核心代碼分開，並且組織清晰易懂，那么它就完全可以接受

core
----app
--------app.module.js
--------app.config.js

----util
--------util.module.js

components
----comp1
--------comp1.module.js
--------comp1.etc
----comp2
--------comp2.module.js