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

by

JIT – Compile TypeScript just in time for executing it.

  • Compiled in the browser.
  • Each file compiled separately.
  • No need to build after changing your code and before reloading the browser page.
  • Suitable for local development.

AOT – Compile TypeScript during build phase.

  • Compiled by the machine itself, via the command line (Faster).
  • All code compiled together, inlining HTML/CSS in the scripts.
  • No need to deploy the compiler (Half of Angular size).
  • More secure, original source not disclosed.
  • Suitable for production builds.

More Related Contents:

  1. How can I use/create dynamic template to compile dynamic Component with Angular 2.0?
  2. Compile dynamic HTML in Angular 4/5- something similar to $compile in Angular JS
  3. Angular 2 innerHTML (click) binding
  4. Error:Unable to locate adb within SDK in Android Studio
  5. How to communicate between component in Angular?
  6. Angular 2 – View not updating after model changes
  7. Angular CLI Error: The serve command requires to be run in an Angular project, but a project definition could not be found
  8. Confirm password validation in Angular 6 [duplicate]
  9. Call child component method from parent class – Angular
  10. Can’t bind to ‘ngIf’ since it isn’t a known property of ‘div’ [duplicate]
  11. Angular 6 Get response headers with httpclient issue
  12. Angular file upload progress percentage [duplicate]
  13. Uncaught Error: Unexpected directive ‘MyComboBox’ imported by the module ‘AppModule’. Please add a @NgModule annotation
  14. Angular 2 – formControlName inside component
  15. Recording the web page by using Record RTC with Angular
  16. : Unsafe value used in a resource URL context
  17. Include assets when building angular library
  18. Angular 4 – Select default value in dropdown [Reactive Forms]
  19. How to get rid of the warning .ts file is part of the TypeScript compilation but it’s unused
  20. How can I create an observable with a delay
  21. Angular 2 Observable with multiple subscribers
  22. How to update / upgrade from Angular 4 to Angular 5+
  23. Where does DOM manipulation belong in Angular 2?
  24. How to rename a component in Angular CLI?
  25. @Input() value is always undefined
  26. Angular2 Router error: cannot find primary outlet to load ‘HomePage’
  27. Angular2: *ngFor does not update when array is updated
  28. Angular2 http.post gets executed twice
  29. How to do inter communication between a master and detail component in Angular2?
  30. Angular 2 “slide in animation” of a routed component

Leave a Comment