Vite가 Webpack에 비해 개발 서버 시작 속도가 빠른 이유는?

Q: Vite가 Webpack에 비해 개발 서버 시작 속도가 빠른 이유는?

번들링 없이 브라우저의 ESM(ES Modules)을 활용하여 필요한 모듈만 즉시 제공하기 때문이다 Vite는 개발 모드에서 전체 프로젝트를 번들링하지 않고, 브라우저의 네이티브 ES Modules를 활용하여 요청된 모듈만 변환/제공합니다. 프로젝트 규모와 관계없이 빠른 서버 시작과 HMR이 가능합니다. 프로덕션 빌드에는 Rollup을 사용합니다.

어려움 freeCodeCamp

보기 및 정답

A 번들링 없이 브라우저의 ESM(ES Modules)을 활용하여 필요한 모듈만 즉시 제공하기 때문이다

B Vite는 JavaScript 대신 Rust 언어로 작성되어 WebAssembly 기반으로 코드를 변환하기 때문이다

C Vite는 소스 코드를 압축하거나 최적화하지 않고 원본 그대로 브라우저에 전달하기 때문에 빠르다

D Vite는 모든 의존성을 런타임에 캐시 없이 매번 새로 불러오는 방식으로 최신 코드를 보장하기 때문이다

해설

Vite는 개발 모드에서 전체 프로젝트를 번들링하지 않고, 브라우저의 네이티브 ES Modules를 활용하여 요청된 모듈만 변환/제공합니다. 프로젝트 규모와 관계없이 빠른 서버 시작과 HMR이 가능합니다. 프로덕션 빌드에는 Rollup을 사용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

Vite가 Webpack에 비해 개발 서버 시작 속도가 빠른 이유는?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩