Webpack has been used to bundle React web apps and for many years was the default bundler and build system to use for that purpose. One viable competitor has emerged: Rspack. It is a Rust-based build system for JavaScript and TypeScript web apps that is compatible with Webpack.
This article explores webpack, focusing on ways to investigate the build-time performance of webpack for your React apps. First, we cover the items that can affect build-time and runtime performance. Next, we’ll explore profiling tools for CPU and memory usage and how to use them. We’ll then delve into webpack bundles and how to analyze what’s in a bundle. Finally, we talk about setting goals.
From 2014 to 2019, I wrote a newsletter called “Learning AngularJS”. I have collected the articles here as an archive of that newsletter. I also published a video course on testing AngularJS code in 2015.