DEV Community

Cover image for Maximizing Your Angular Build Performance with ESBUILD
Dany Paredes
Dany Paredes

Posted on

1

Maximizing Your Angular Build Performance with ESBUILD

ESBuild is a swift JavaScript compiler used for ViteJS. You can play with him in Angular, changing a single line in the angular.json file.

Note: It is in experimental mode 😜

Change the builder from "@angular-devkit/build-angular:browser" to "@angular-devkit/build-angular:browser-esbuild".

  "build": {
          "builder": "@angular-devkit/build-angular:browser-esbuild",
          "options": {
Enter fullscreen mode Exit fullscreen mode

Run ng build again, leave in the comment how fast it is. My small project gets 59.72 % faster. OMG!!!!!!!

build

But if you want to read more about speed Angular checkout:

Happy Coding :)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs