한 줄 요약 - 오랫동안 표준이던 번들러 Webpack 대신, 훨씬 빠른 Vite/esbuild/Bun이 새 기본값으로 자리 잡고 있습니다.
무슨 일이에요?
이들은 네이티브(Go/Rust) 기반이고, 개발 중에는 브라우저의 ESM을 그대로 활용해 초기 구동과 HMR(코드 바꾸면 즉시 반영)이 빠릅니다.
핵심 코드
# Vite로 새 프로젝트 시작
npm create vite@latest my-app -- --template react-ts
cd my-app && npm install && npm run dev
# Bun (런타임+패키지매니저+번들러 올인원)
bun create vite my-app
bun install && bun run dev왜 중요해요?
- 콜드 스타트와 HMR 체감 속도가 확연히 빠르고 설정이 단순합니다.
- 기존 Webpack 프로젝트도 한 번에 갈아엎기보다 점진적으로 옮길 수 있습니다.