How can I disable AOT in angular2?

Question

I got something like this:

ng build --prod --no-aot

But I am not able to understand what is the difference between

ng build --prod

and

ng build --prod --no-aot

See this to understand what `--prod` means https://github.com/angular/angular-cli/blob/master/docs/documentation/build.md#--dev-vs---prod-builds — yurzui, Aug 22 '17 at 10:20

Melchia · Answer 1 · 2020-10-15T23:02:16.297

17

Use the following command to disable AOT mode:

$ ng build --prod --aot=false --build-optimizer=false

edited Oct 15 '20 at 23:02

answered Jul 04 '18 at 13:17

Melchia

score 4 · Answer 2 · edited May 12 '18 at 16:59

4

Just run command ng build -prod -aot=false. This will disable the aot compiler.

edited May 12 '18 at 16:59

Joshua Kissoon

answered Aug 22 '17 at 12:34

Bhavani Raju

score 3 · Answer 3 · answered Aug 22 '17 at 10:16

3

The flag --prod does the AOT compilation by default. If you want to build without AOT then simply run ng build only without any flag.

answered Aug 22 '17 at 10:16

Ali Shahzad

I just want to know that what will be the effect on application? – jesusverma Aug 22 '17 at 10:19
1

With AOT, the browser downloads a pre-compiled version of the application. The browser loads executable code so it can render the application immediately, without waiting to compile the app first. – Ali Shahzad Aug 22 '17 at 19:10
Just to point out here that if you skip --prod then code is not uglified, prod environment variables are ignored, service workers are also ignored. The recommended way to avoid aot is by doing ng build -prod -aot=false – Unnie Jan 08 '18 at 17:40

3 Answers3