Web Dev//build

Compiling source code (React, TypeScript, Sass...) into static files the browser can execute directly: HTML, CSS, and JavaScript.


Compiling source code (React, TypeScript, Sass...) into static files the browser can execute directly: HTML, CSS, and JavaScript.

The browser runs JS on V8 (Chrome, Edge) or SpiderMonkey (Firefox). It doesn't understand TypeScript or JSX -- it needs plain JS.

Output goes into a dist/ (or build/) folder: minified files, hashed filenames for cache-busting, optimized assets

Tools: Vite, Webpack, esbuild, Parcel, Rollup

In production, dist/ is what gets uploaded to the server. Cloudflare Pages serves these static files from the edge.

Locally, Wrangler can serve dist/ to simulate the production environment (wrangler pages dev dist)