TypeScript Academy · Lesson

Vite / esbuild / SWC / Rollup basics

Overview of common bundlers (Vite, esbuild, SWC, Rollup) and how they interact with TypeScript projects.

Intro

Goal: Explore popular bundlers—Vite, esbuild, SWC, and Rollup. Each offers unique speed and flexibility.

Vite: Instant dev server using ESM, fast HMR, production builds powered by Rollup.

// package.json
{
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}