diff --git a/_posts/2023-11-18-angular-webpack-vs-esbuild.md b/_posts/2023-11-18-angular-webpack-vs-esbuild.md index 7f64773..7a34f6d 100644 --- a/_posts/2023-11-18-angular-webpack-vs-esbuild.md +++ b/_posts/2023-11-18-angular-webpack-vs-esbuild.md @@ -47,3 +47,16 @@ As they already say on their [website](https://esbuild.github.io/): esbuild is a But is it so fast? Lets find out! ## Speed comparison between Webpack and esbuild + +### **Start** time +First lets compare the time it takes to start the application. For this test, I'm using both applications with Nx. The application is a simple Angular created as shown [here](../how-to-start-an-standalone-app-with-nx). + +| Angular app using **Webpack** | Angular app using **esbuild** | +|-------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------| +| ![2023-11-18-ng-app-webpack-start-time.png](../../assets%2Fposts%2F2023-11-18-ng-app-webpack-start-time.png)| ![2023-11-18-ng-app-esbuild-start-time.png](../../assets/posts/2023-11-18-ng-app-esbuild-start-time.png) | + +### **Build** time + +| Angular app using **Webpack** | Angular app using **esbuild** | +|----------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------| +| ![2023-11-18-ng-app-webpack-build-time.png](../..%2Fassets%2Fposts%2F2023-11-18-ng-app-webpack-build-time.png) | ![2023-11-18-ng-app-esbuild-build-time.png](../..%2Fassets%2Fposts%2F2023-11-18-ng-app-esbuild-build-time.png) | diff --git a/assets/posts/2023-11-18-ng-app-esbuild-build-time.png b/assets/posts/2023-11-18-ng-app-esbuild-build-time.png new file mode 100644 index 0000000..2d84500 Binary files /dev/null and b/assets/posts/2023-11-18-ng-app-esbuild-build-time.png differ diff --git a/assets/posts/2023-11-18-ng-app-esbuild-start-time.png b/assets/posts/2023-11-18-ng-app-esbuild-start-time.png new file mode 100644 index 0000000..21cbe79 Binary files /dev/null and b/assets/posts/2023-11-18-ng-app-esbuild-start-time.png differ diff --git a/assets/posts/2023-11-18-ng-app-webpack-build-time.png b/assets/posts/2023-11-18-ng-app-webpack-build-time.png new file mode 100644 index 0000000..ff84004 Binary files /dev/null and b/assets/posts/2023-11-18-ng-app-webpack-build-time.png differ diff --git a/assets/posts/2023-11-18-ng-app-webpack-start-time.png b/assets/posts/2023-11-18-ng-app-webpack-start-time.png new file mode 100644 index 0000000..de3e1a4 Binary files /dev/null and b/assets/posts/2023-11-18-ng-app-webpack-start-time.png differ