Resolve Module Aliases in esbuild with the Alias Option
Resolve Module Aliases in esbuild with the Alias Option. Esbuild doesn't resolve module aliases defined in your tsconfig. json or jsconfig
Esbuild Articles
50 articles
Inject Banner and Footer Code into esbuild Output
Inject Banner and Footer Code into esbuild Output — practical guide covering esbuild setup, configuration, and troubleshooting with real-world examples.
Bundle JavaScript and TypeScript with esbuild from Scratch
esbuild can bundle JavaScript and TypeScript from scratch, and it's ridiculously fast doing it. Let's say you've got a simple project:
Integrate esbuild into CI Pipelines for Fast Builds
esbuild is often lauded for its speed, but its true power lies in how it forces you to rethink your entire build process.
Handle CommonJS and ESM Interop in esbuild Bundles
esbuild's default behavior for CommonJS and ESM interop is surprisingly effective because it performs a deep analysis of your module graph, not just a s.
Use the esbuild CLI to Bundle, Transform, and Serve
esbuild can bundle your JavaScript and CSS, transform code with plugins, and even serve your files with hot-reloading, all from a single CLI command.
Split esbuild Bundles into Chunks for Lazy Loading
Splitting your esbuild bundles into smaller chunks for lazy loading is actually about optimizing initial load times, not just about making things smalle.
Bundle CSS and PostCSS Files with esbuild
Bundle CSS and PostCSS Files with esbuild. esbuild has a surprisingly high opinion of itself when it comes to CSS. Let's see it in action
Use CSS Modules in esbuild Without Webpack
Use CSS Modules in esbuild Without Webpack — practical guide covering esbuild setup, configuration, and troubleshooting with real-world examples.
Write Custom esbuild Plugins to Transform Any File Type
Write Custom esbuild Plugins to Transform Any File Type — esbuild is fast because it does very little by default. It’s a JavaScript bundler, so it knows...
Fix Common esbuild Errors: Transform Failures, Missing Modules
The esbuild transform process is failing because the compiler encountered an unrecoverable syntax error or a critical dependency issue that prevents it .
Enable TypeScript Decorators in esbuild Builds
esbuild doesn't support TypeScript decorators out of the box because they are an experimental feature in TypeScript, and esbuild's primary goal is speed.
Replace Global Constants at Build Time with esbuild Define
esbuild's define flag lets you swap out global constants at build time, effectively making them disappear from your final bundle and injecting their val.
Run esbuild Builds Inside Docker for Reproducible Artifacts
Running esbuild builds inside Docker guarantees that your compiled JavaScript artifacts are identical regardless of the developer's machine or the CI en.
Scale esbuild to Enterprise Monorepos and Large Codebases
esbuild can paginate through millions of files in a monorepo faster than you can say "transpilation" by leveraging a unique, parallelized file watching .
Configure Multiple Entry Points in esbuild for Multi-Page Apps
esbuild can bundle multiple entry points into a single build, but it's not just about spitting out multiple files; it's about creating distinct, indepen.
Inject Environment Variables into esbuild Bundles Safely
Inject Environment Variables into esbuild Bundles Safely — practical guide covering esbuild setup, configuration, and troubleshooting with real-world ex...
Mark Node.js and Browser Packages as External in esbuild
esbuild is lightning-fast, but it bundles everything by default. Sometimes, you want to tell it, "Hey, don't bundle this specific Node
Get Started with esbuild: Bundle Your First Project in Minutes
esbuild is so fast it can often bundle your entire project faster than you can type npm install. Let's get esbuild working with a simple "Hello, World
Control esbuild Programmatically with the Go API
The Go API for esbuild is surprisingly robust, allowing you to bypass command-line flags entirely and build your JavaScript, CSS, and other assets direc.
Wrap esbuild Output in IIFE Format for Browser Scripts
You can wrap your esbuild output in an IIFE Immediately Invoked Function Expression format, which is a common pattern for browser-based JavaScript to cr.
Speed Up Development with esbuild Incremental Builds
esbuild's incremental builds can dramatically slash your development server startup and rebuild times, but only if you understand how it aggressively ca.
Polyfill Global Variables in esbuild with the Inject Option
esbuild can inject arbitrary JavaScript code into your bundles, which is a surprisingly powerful way to polyfill global variables that might not be avai.
Install and Set Up esbuild in Any JavaScript Project
Install and Set Up esbuild in Any JavaScript Project — practical guide covering esbuild setup, configuration, and troubleshooting with real-world examples.
Drive esbuild Builds Programmatically with the JavaScript API
You can build JavaScript projects with esbuild faster than you ever thought possible, but its speed isn't just about a lightning-fast CLI.
Compile JSX and React Components with esbuild
Compile JSX and React Components with esbuild — practical guide covering esbuild setup, configuration, and troubleshooting with real-world examples.
Bundle AWS Lambda Functions with esbuild for Smaller Deploys
esbuild can bundle your AWS Lambda functions into a single, smaller JavaScript file, dramatically reducing deployment times and improving cold starts.
Publish npm Libraries with esbuild: CJS, ESM, and Types
Publishing npm libraries can feel like a labyrinth of build tools and output formats, but esbuild simplifies it dramatically.
Configure esbuild Loaders for JS, TS, JSX, JSON, and Binary
esbuild's default behavior for common file types is so aggressively optimized that you rarely need to think about loaders.
Analyze Your esbuild Bundle Size with the Metafile
Analyze Your esbuild Bundle Size with the Metafile — practical guide covering esbuild setup, configuration, and troubleshooting with real-world examples.
Minify JavaScript, CSS, and HTML Output with esbuild
esbuild is so fast because it's written in Go and doesn't use a traditional AST Abstract Syntax Tree for most operations.
Configure esbuild for Monorepo Builds with Shared Packages
esbuild's blazing speed is often lauded, but its true superpower in a monorepo lies in its ability to rebuild only what's necessary, making shared packa.
Bundle Node.js Applications with esbuild for Faster Deploys
esbuild isn't just a bundler; it's a compiler that's orders of magnitude faster because it's written in Go and parallelizes compilation across all avail.
Integrate esbuild with Nx and Turborepo for Fast Pipelines
The most surprising thing about integrating esbuild with Nx and Turborepo is how little is actually different once it's set up; the magic is in the spee.
Choose esbuild Output Format: ESM, CJS, or IIFE
esbuild's output format flags are surprisingly nuanced, and understanding them is key to avoiding runtime errors and ensuring your code behaves as expec.
Why esbuild Is 100x Faster Than Webpack: Benchmarks Explained
esbuild is 100x faster than Webpack because it leverages Go's concurrency and a fundamentally different, simpler architecture for bundling JavaScript.
Target Browser or Node.js Correctly with esbuild Platform
esbuild's platform option doesn't just tell it which environment to target; it fundamentally changes how it interprets and transforms your code.
Build and Use esbuild Plugins to Extend the Build Pipeline
esbuild plugins are essentially just functions that hook into esbuild's build process, letting you intercept and transform files before they're bundled.
Configure esbuild for Minified, Tree-Shaken Production Builds
esbuild can be configured to produce highly optimized production builds, but most people don't realize its minification and tree-shaking are opt-in by d.
Use esbuild Serve Mode for Instant Dev Server Rebuilds
esbuild's serve mode doesn't just rebuild your code; it actually serves it directly from memory, bypassing your filesystem for lightning-fast updates.
Generate Source Maps in esbuild for Debuggable Production Code
esbuild might be the fastest bundler, but by default, it ships production code that's a nightmare to debug, making that speed come at a significant cost.
Copy and Process Static Assets in esbuild Build Pipeline
esbuild doesn't inherently copy and process static assets like images or fonts; it's designed primarily for JavaScript, CSS, and HTML.
Set esbuild Target to Control Browser Compatibility Output
esbuild is surprisingly opinionated about what JavaScript features it allows by default, and how it bundles them for browser consumption.
Use esbuild as a Jest Transform for Fast Unit Tests
Use esbuild as a Jest Transform for Fast Unit Tests — practical guide covering esbuild setup, configuration, and troubleshooting with real-world examples.
Enable Tree Shaking in esbuild to Remove Dead Code
esbuild will aggressively remove unused code by default when targeting modern environments, but you can explicitly control it.
Transpile TypeScript with esbuild Without tsc
esbuild is so fast because it's written in Go and uses a low-level, parallelized approach to parsing and transforming code, bypassing the JavaScript-bas.
esbuild vs Rollup: Choose the Right Bundler for Your Library
esbuild and Rollup both bundle your JavaScript, but they approach it from fundamentally different philosophies, making one a better fit for certain libr.
esbuild vs Vite: When Each One Wins
esbuild vs Vite: When Each One Wins. Vite is the bundler that pretends it's not a bundler, at least for development. Let's see Vite in action
Migrate from Webpack to esbuild for 10x Faster Builds
Migrate from Webpack to esbuild for 10x Faster Builds — esbuild is a JavaScript bundler that's written in Go. Let's see esbuild in action. Imagine you h...
Rebuild Instantly on File Changes with esbuild Watch Mode
esbuild's watch mode lets you rebuild your project in milliseconds whenever a file changes, giving you an instant feedback loop for development.