Angular 2 introduces the concept of ahead-of-time compilation (AOT). This is an alternate configuration in which you can run your applications to move some processing time from inside the browser (referred to as just-in-time compilation or JIT) to when you compile your application on the server.
Note
The code, links, and a live example related to this recipe are available at http://ngcookbook.herokuapp.com/9253/.
AOT compilation is application-agnostic, so you should be able to add this to any existing Angular 2 application with minimal modification.
For the purposes of this example, suppose you have an existing AppModule
inside app/app.module.ts
. You needn't concern yourself with its content since it is irrelevant for the purpose of AOT.