Build Tools Glossary

npm — Explained with Examples

npm (Node Package Manager) installs and manages JavaScript dependencies from a registry, defining projects with package.json and node_modules.

pip — Explained with Examples

pip is the standard Python package installer, downloading packages from PyPI and managing dependencies declared in requirements.txt.

Webpack — Explained with Examples

Webpack is a JavaScript bundler that processes modules with loaders and plugins, producing optimized bundles with code splitting and asset management.

Vite — Explained with Examples

Vite is a next-generation build tool using native ES modules for a fast dev server with HMR and Rollup for optimized production builds.

esbuild — Explained with Examples

esbuild is an extremely fast JavaScript bundler written in Go, offering order-of-magnitude speed improvements over traditional JavaScript-based tools.

Tree Shaking — Explained with Examples

Tree shaking is dead code elimination that removes unused exports during bundling by statically analyzing ES module imports and exports.

Code Splitting — Explained with Examples

Code splitting breaks bundles into smaller lazy-loaded chunks loaded on demand, reducing initial page load time and improving performance.

Bundling — Explained with Examples

Bundling combines multiple source files into optimized deployable packages, resolving dependencies and applying transformations like minification.

Minification — Explained with Examples

Minification reduces code file size by removing whitespace, renaming variables, and eliminating dead code without changing functionality.

Transpilation — Explained with Examples

Transpilation converts source code from one language to another at the same abstraction level, like TypeScript to JavaScript or modern JS to older JS.