ASP.NET Core Angular Template: app.module.client so với app.module.server

Question

Microsoft cung cấp một mẫu tuyệt vời để phát triển Angular (không AngularJS) trong ASP.NET Core như được nêu trong bài viết của họ "Building Single Page Applications on ASP.NET Core with JavaScriptServices".

Trong khi nó rất đơn giản, có một phần của mẫu khiến tôi mất cảnh giác: thay vì chỉ đơn giản là tệp app.module.ts, cả hai có một số app.module.client.ts và app.module.server.ts.

Tôi không tìm thấy bất kỳ điều gì giải thích điều này trên web. Có ai có bất kỳ ý tưởng tại sao có hai tập tin riêng biệt cho các module ứng dụng, những gì sử dụng cụ thể của họ là, làm thế nào để sử dụng chúng, vv?

Nếu nó giúp ở tất cả, đây là những gì toàn bộ template trông giống như:

Tôi nên lưu ý rằng ClientApp/app/models và ClientApp/app/services là hai thư mục tôi đã thêm cho mục đích riêng của tôi; chúng không phải là một phần của mẫu. Ngoài ra, app.module.shared.ts thực sự rất thẳng về phía trước và chỉ ngăn việc phải viết một số mã hai lần, vì vậy đừng lo lắng về điều đó.

Đây là những gì hai tập tin như sau:

Answer 1

Hãy để tôi bắt đầu bằng cách prefacing mà tôi không chắc chắn 100% về tính chính xác của tuyên bố này, nhưng vì không ai khác dường như đã trả lời, Tôi sẽ cho nó một viên đạn.

Microsoft SPA với Angular 2 sử dụng Góc phổ dụng để thực hiện hiển thị AOT. Nó đã được nâng cấp để sử dụng Angular 4, không sử dụng Angular Universal. Suy nghĩ của tôi là nó thay vì chia nhỏ app.module.ts thành một tập tin máy khách và máy chủ để hỗ trợ việc dựng hình AOT.

Tệp app.module.shared.ts thực ra chỉ là một hằng số chung được sử dụng bởi app.module.client.ts và app.module.server.ts. Bởi vì tất cả được đưa vào một vài tệp js trong khi xuất bản, nó không thực sự quan trọng khi họ chia nhỏ tệp app.module.