Just-in-Time (JiT) vs Ahead-of-Time (AoT) compilation in Angular

Question

I was referring this documentation and came across the compilation concept. One can use either JIT or AOT compilation. However, I found it very brief and need to know follow

Answer 1

JIT compiler we use during development of the angular project. In this compilation(TS to JS conversion) happens during the runtime of the application. Where as AOT is used during building the application code for the deployment of the application in production, that time we build our application code using ng build --prod command which generates a folder called webpack, webpack contains the bundle of all the files(HTML, CSS and typescript) in compressed javascript format.

The size of the webpack folder generated for the production is far less than the folder generated for the development environment (using command ...ng build), because It does not contain the compiler inside the webpack folder, It improves the performance of the application.