본문 바로가기
Q&A2023년 4월 12일1분 읽기

Vite가 Webpack보다 좋은 이유

노
노하은
조회 1059댓글 1

프론트엔드 빌드 도구로 Vite가 Webpack을 대체하고 있다고 하는데 뭐가 좋은 건가요?

댓글 1

김김영삼3년 전

Vite vs Webpack 비교:

WebpackVite개발 서버 시작수십 초즉시 (밀리초)HMR 속도느림즉시설정복잡간단번들러WebpackRollup (빌드) + esbuild (개발)

Vite가 빠른 이유:

  • 개발 시 번들링 안 함 — 브라우저 ES Modules 직접 사용
  • esbuild로 TypeScript/JSX 변환 (Go로 작성, 10~100배 빠름)
# 프로젝트 생성
npm create vite@latest my-app -- --template react-ts
cd my-app && npm install && npm run dev

2023년 새 프로젝트라면 Vite를 기본으로 쓰세요. React, Vue, Svelte 모두 지원합니다.

Ctrl+Enter로 등록