Szablon kątowy ASP.NET Core: app.module.client vs. app.module.server

Question

Firma Microsoft zapewnia fantastyczny szablon do opracowania Angular (nie AngularJS) w środowisku ASP.NET Core, jak opisano w ich artykule "Building Single Page Applications on ASP.NET Core with JavaScriptServices".

Podczas gdy jest to bardzo proste, istnieje jedna część szablonu, która zaskoczyła mnie: zamiast tego, po prostu jako plik app.module.ts, istnieją zarówno app.module.client.ts, jak i app.module.server.ts.

nie udało mi się znaleźć niczego, co wyjaśnia to w internecie. Czy ktoś ma pojęcie, dlaczego istnieją dwa oddzielne pliki dla modułu aplikacji, jakie są ich konkretne zastosowania, jak z nich korzystać, itp.?

Jeśli to pomaga w ogóle, co tu jest pełny szablon wygląda tak:

Należy zauważyć, że ClientApp/app/models i ClientApp/app/services są dwa foldery mam dodane do własnych celów; nie są częścią szablonu. Ponadto, app.module.shared.ts jest bardzo prosty i po prostu uniemożliwia napisanie kodu dwa razy, więc nie martw się o to.

Oto co dwa pliki wyglądać następująco:

Answer 1

Zacznę od poprzedzając że nie jestem 100% dokładności niniejszego sprawozdania, ale ponieważ nikt inny nie wydaje się, że odpowiedział: Dam ci szansę.

Microsoft SPA z Angular 2 wykorzystywał Angular Universal do wykonywania renderowania AOT. Został zaktualizowany do wersji Angular 4, która nie używa Angular Universal. Myślałem, że zamiast tego zepsuł app.module.ts do pliku klienta i serwera, aby pomóc w renderowaniu AOT.

Plik app.module.shared.ts to tak naprawdę stała globalna używana przez app.module.client.ts i app.module.server.ts. Ponieważ wszystko jest renderowane do postaci kilku plików js podczas publikacji, nie ma znaczenia, że ​​rozdzielą plik app.module.