Confused about the difference between Webpack vs Ivy VS AOT

Question

I know that webpack in angular responsible for the Compiling code as a Build Automation tool it gets all scripts and combines them into a bundle of fills to optimize the App.

I understand the difference also between JIT VS AOT so my question is? which contains which, is the webpack contains JIT, AOT, and IVy.

Also based on angular documentation JIT is the default but I read also from 9 to the latest version, they used IVY as view engine with AOT so which is the default.

Webpack itself is very common tool and it knows nothing about Angular, AOT, JIT, etc. All work is done by plugins and loaders, e.g.: AngularCompilerPlugin, angular2-template-loader, awesome-typescript-loader, ... — Petr Averyanov, Mar 31 '21 at 15:07
But they said that Webpack in angular responsible for the Compiling code , JIT and AOT also for the Compiling code — Ahmed Rabie, Mar 31 '21 at 17:12

score 0 · Answer 1 · edited Mar 31 '21 at 13:02

0

Ivy is a compiler of Angular-specific files to JavaScript. It has replaced ViewEngine compiler starting from Angular 9. They are both capable of JIT and AOT compilation modes. To my understanding, webpack is using them in its build pipeline to produce the resulting module.

edited Mar 31 '21 at 13:02

Heretic Monkey

11,687
7
53
122

answered Mar 31 '21 at 12:58

D Pro

1,756
1
8
15

Can I know who works first ? the Webpack or JIT / AOT? Can you explain the steps? – Ahmed Rabie Apr 01 '21 at 11:46
maybe this will help https://stackoverflow.com/questions/48942691/how-angular-builds-and-runs – D Pro Apr 01 '21 at 11:52

Confused about the difference between Webpack vs Ivy VS AOT

1 Answers1