Modèle ASP.NET Core Angular: app.module.client vs app.module.server

Question

Microsoft fournit un modèle fantastique pour développer Angular (pas AngularJS) dans ASP.NET Core comme indiqué dans leur article "Building Single Page Applications on ASP.NET Core with JavaScriptServices".

Bien qu'il soit très simple, il y a une partie du modèle qui m'a pris au dépourvu: au lieu d'avoir simplement un fichier app.module.ts, il y a à la fois un app.module.client.ts et un app.module.server.ts.

je ne ai pas trouver quelque chose qui explique cela sur le web. Quelqu'un a-t-il une idée de la raison pour laquelle il existe ces deux fichiers distincts pour le module d'application, quelles sont leurs utilisations spécifiques, comment les utiliser, etc.?

Si elle aide à tous, voici ce que le gabarit ressemble:

Je dois souligner que ClientApp/app/models et ClientApp/app/services sont deux dossiers que j'ai ajouté à mes propres fins; ils ne font pas partie du modèle. En outre, app.module.shared.ts est en fait très simple et empêche juste d'avoir à écrire du code deux fois, donc ne vous inquiétez pas à ce sujet.

Voici ce que les deux fichiers ressemblent:

Answer 1

Permettez-moi de commencer par préfacer que je ne suis pas à 100% sur l'exactitude de cette déclaration, mais puisque personne ne semble avoir d'autre réponse, Je vais essayer.

Microsoft SPA avec Angular 2 a utilisé Angular Universal pour effectuer le rendu AOT. Il a maintenant été amélioré pour utiliser Angular 4, qui n'utilise pas Angular Universal. Ma pensée est qu'il a plutôt divisé le app.module.ts dans un fichier client et serveur pour aider avec le rendu AOT.

Le fichier app.module.shared.ts est en fait simplement une constante globale utilisée par app.module.client.ts et app.module.server.ts. Parce que tout est rendu dans un couple de fichiers js lors de la publication, il n'est pas vraiment important qu'ils se séparent du fichier app.module.