# Replit이 WebPack에서 Vite로 변경한 이유

> Clean Markdown view of GeekNews topic #4166. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4166](https://news.hada.io/topic?id=4166)
- GeekNews Markdown: [https://news.hada.io/topic/4166.md](https://news.hada.io/topic/4166.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-04-30T10:35:14+09:00
- Updated: 2021-04-30T10:35:14+09:00
- Original source: [blog.replit.com](https://blog.replit.com/vite)
- Points: 9
- Comments: 1

## Topic Body

- Replit은 브라우저상에서 협업개발을 지원하는 무료 IDE 도구

- Create-React-App(CRA) 템플릿을 Vite로 재작성 해서 테스트

ㅤ→ CRA 기반 파일들 생성 및 부팅전에 Vite는 개발서버까지 실행

- Vite의 장점

ㅤ→ Webpack/Parcel 보다 10~100배 빠른 Go 기반 esbuild 와 ESM을 이용

ㅤ→ HMR(Hot Module Reloading)으로 변경된 모듈만 빠르게 적용 & 리렌더링 되어 프로토타이핑을 정말 빠르게 해줌

## Comments



### Comment 5048

- Author: xguru
- Created: 2021-04-30T10:35:22+09:00
- Points: 1

JS 현황을 보면 기존 강자인 Webpack에 Vite가 싸움(?)을 거는 것 처럼 보였는데, 그걸 반영한 글이네요.

- State of JS 2020 [한국어] https://news.hada.io/topic?id=3586

- 2020 JavaScript Rising Stars https://news.hada.io/topic?id=3587

- Vite 2.0 릴리즈 https://news.hada.io/topic?id=3768

- Webpack 5 릴리즈 https://news.hada.io/topic?id=3004