Juri Strumpflohner Follow Juri is a full stack developer and tech lead with a special passion for the web and frontend development. He creates online videos for Egghead.io, writes articles on his blog and for tech magazines, speaks at conferences and holds training workshops.

Configure Ahead of Time (AoT) for your Angular app using the Angular CLI

Learn how to leverage the true power of AoT compilation with the CLI

Dec 3, 2016 1 min read

In our previous video we learned how to use the Angular CLI to create our first Angular application. Now it's time to prepare it for production. That requires some building, bundling, minifying and "Ahead of Time" compilation. In this video we will learn how simple it can be by using the Angular CLI.

TL;DW (Too long, didn’t watch): You can simply append the --aot to your build instruction, like ng build --prod --aot. Ya, it’s really that damn simple 😃

UPDATE (March 1st, 2017) - The Angular CLI now automatically builds with AoT enabled if you use the --prod flag. So there’s no need to add it explicitly. The --aot flag still remains though if you wanted to use AoT in dev mode for instance.

This video you will learn about…

how to use the Angular CLI to create a production bundle
what Ahead-of-time (AoT) compilation is about
how to use the Angular CLI to activate AoT compilation

You can download the source code I use in the video from my repository.

Links

{% include article-link.html url=“https://angular.io/docs/ts/latest/cookbook/aot-compiler.html" title=“Angular Docs Cookbook: Ahead of Time Compilation” text=“Learn how to use Ahead-of-time compilation” imageurl=“/blog/assets/imgs/linkpics/angular2logo.svg” >}}