글 쓰는 시간

CRA의 문제점

CRA의 문제점을 요약하자면 아래와 같다.

1. CRA는 Webpack으로 애플리케이션을 번들링한다. 
   -> 빌드 시 앱이 굉장히 무거워지고, 변경사항을 반영하는 데 있어서 오랜 시간이 걸림
2. 용량이 너무 크고 의존성 설치에 있어서 굉장히 오랜 시간이 걸린다

2번 문제는 많이들 경험했을거라고 생각한다.

기본적으로 리액트 프로젝트를 만들때 가장 간편한 방법은 아래 커맨드이다.

npx create-react-app

하지만 이걸로 리액트 프로젝트를 만들면 되게 오래 걸리는걸 경험했을 것이다.

Vite 와 CRA 의 차이

CRA의 문제점을 알았고, 이를 대체할 수 있는게 바로 Vite이다.

Vite 와 CRA의 차이점으로는 번들링 툴이다.

Vite를 사용하면 CRA에 비해 속도가 굉장히 빠른데, 그 이유가 바로 번들링에 있다.

CRA는 번들링에 Webpack을 쓰고, Vite는 Esbuild를 쓴다.

이에 대한 정리는 공식 문서에 자세히 정리되어있다.