React 앱 번들이 너무 큰데 뭐가 크기를 차지하는지 분석하는 방법이 있나요?
번들 분석 도구: Next.js — @next/bundle-analyzer, Vite — rollup-plugin-visualizer, webpack — webpack-bundle-analyzer. npx는 source-map-explorer도 좋습니다. 분석 후 큰 라이브러리를 dynamic import로 분할하거나 가벼운 대안으로 교체하세요 (moment→dayjs, lodash→lodash-es).
댓글 1
번들 분석 도구: Next.js — @next/bundle-analyzer, Vite — rollup-plugin-visualizer, webpack — webpack-bundle-analyzer. npx는 source-map-explorer도 좋습니다. 분석 후 큰 라이브러리를 dynamic import로 분할하거나 가벼운 대안으로 교체하세요 (moment→dayjs, lodash→lodash-es).