DEV Community

Cover image for Angular v.14 + ESBUILD = -25/40% build time
Fabio Biondi
Fabio Biondi

Posted on

Angular v.14 + ESBUILD = -25/40% build time

Angular v.14 now supports esbuild, a "new" super fast JavaScript Bundler, also used by ViteJS.

I have tried it right now in a small Angular project (about 10 modules) and it almost halved the build time (-44%).

If you want to try it (but it's still experimental!) you can simply add the suffix '-esbuild' in your angular.json file as shown in the attached image.

...

"architect": {
 "build": {
  "builder": "@angular-devkit/build-angular:browser-esbuild",
     "options": {

...
Enter fullscreen mode Exit fullscreen mode

angular.json screenshot


More info and tutorials about Angular, React, RxJS and JS on my YouTube Channel

Top comments (3)

Collapse
 
mbarzda profile image
Martynas Barzda • Edited

I'm keeping eye on updates of this builder github.com/angular/angular-cli/tre... . RIP Webpack soon :)

Collapse
 
naucode profile image
Al - Naucode

That was a nice read! Liked, bookmarked and followed, keep the good work!

Collapse
 
ghiscoding profile image
Ghislain B. • Edited

it's all nice and sweet but you should also mention the much bigger build size that it produces. We tested it and because our build size more than doubled, we decided not to switch to this new feature, hopefully they'll fix that in the near future (it's experimental in ng16). So anyway, what I just mentioned is a very important point that was not mentioned in this article that users should be aware of... Check your Build Size!