Vite
Vite, 차세대 프런트엔드 개발 툴
ko.vitejs.dev
webpack
웹팩은 모듈 번들러입니다. 주요 목적은 브라우저에서 사용할 수 있도록 JavaScript 파일을 번들로 묶는 것이지만, 리소스나 애셋을 변환하고 번들링 또는 패키징할 수도 있습니다.
webpack.kr
Vite vs Webpack
vite는 번들링을 생략해서 개발 서버의 시작속도를 높이고,
HMR을 위해 네이티브 ES 모듈을 사용해서 코드의 변경사항을 빠르게 반영함
최소한의 설정으로도 개발을 진행할 수 있다는 것이 큰 장점
webpack은 프로젝트가 복잡하고 다양한 설정을 요구하는 경우에 사용하는 것이 적합
요즘 webpack에서 vite로 옮겨가는 추세이지만
디테일한 설정이 필요하다면 webpack을 유지하는 것이 좋다고 함
출처
https://gaurav-techgeek.medium.com/time-to-say-goodbye-to-webpack-5bf06ff48823
Is It Time To Say Goodbye To Webpack?
Before we answer the big question, let's look at why we are even considering it.
gaurav-techgeek.medium.com
참고하면 좋을 글
Vite 는 Webpack을 대체 가능할까?
vite 공식문서 Getting started 의 첫 줄을 보면,vite 는 프랑스어로 빠르다 를 의미합니다.라는 설명이 있습니다.이 설명 그대로 vite 는 "빠른" 자바스크립트 번들링 툴입니다. 대표적인 자바스크립트
velog.io