What is Bundler?
A tool that combines your many source files into optimised bundles that browsers can load efficiently.
Why It Matters
Bundlers reduce the number of files browsers need to download and optimise code for faster loading.
Real-World Example
Webpack takes hundreds of JavaScript files and combines them into a few optimised bundles for production.
“Understanding terms like Bundler matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
Webpack
A widely-used JavaScript bundler that processes and optimises code, styles, images, and other assets.
Vite
A fast, modern build tool that provides instant development server startup and quick hot module replacement.
Turbopack
A fast Rust-based bundler created by Vercel as the successor to Webpack for Next.js projects.
Build
The process of converting your source code into the optimised version that runs in production
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
Build
The process of converting your source code into the optimised version that runs in production
Webpack
A widely-used JavaScript bundler that processes and optimises code, styles, images, and other assets.
Vite
A fast, modern build tool that provides instant development server startup and quick hot module replacement.
Turbopack
A fast Rust-based bundler created by Vercel as the successor to Webpack for Next.js projects.
Full-stack
Working on both the frontend (what users see) and backend (the server and database) of an application
TypeScript
JavaScript with added type checking that catches errors before your code runs