ESM vs CJS, Vite vs Webpack 정리 노트
·
FrontEnd/Tooling
기준 환경: Node 23.4 / npm 11 / Vite 6.3프로젝트 세팅을 할 때마다 헷갈리는 것들이 있다.모듈 형식은 ESM으로 갈지, CJS로 갈지번들러는 Vite로 갈지, Webpack으로 갈지환경 변수는 어디에 두고, 프록시는 어떻게 처리할지매번 검색해서 다시 확인하기도 귀찮고, 실무에서 내가 실제로 어떻게 쓰는지가 더 중요해서 일지처럼 한 번 정리해두기로 했다.1. 결론 먼저 (내 기본 선택)내 기준 기본 전략은 이렇게 잡았다.새 프론트 프로젝트ESM + Vite라이브러리 배포ESM + UMD 번들 동시에 출력서버 사이드(Node)ESM을 기본으로, 필요한 경우에만 최소한의 CJS 브리지조금 더 풀어서 보면 이렇게 정리할 수 있다ESM브라우저 네이티브 지원 (로 바로 사용 가능작은 프로젝트..