The following is an extract of chapter 3 of my upcoming book "Front-end Development with ASP.NET Core, Angular, and Bootstrap".
How an Angular Application Is Built for the Browser Using WebPack
It could have been done with a generic front-end build tool like Gulp, but the Angular team decided to use a build tool focused only on module bundling, called WebPack, which takes care of everything. And the Angular CLI tools use it to run the Angular project during development and to build the artifacts needed when publishing the application.
The rest of the chapter then explains how to integrate an Angular application into an ASP.NET Core project. You have three options:
- Do not integrate them. Keep two separate projects, one client only and one server-side only with Web applications.
- Integrate them in one project and have the Angular CLI create files into the wwwroot folder of the ASP.NET Core project.