callstack/react-native-bundle-visualizer

개요 React Native 번들 크기를 시각화해 어떤 패키지가 번들 크기를 키우는지 확인할 수 있는 도구다. 1,600+ stars를 보유하며 expo/atlas의 전신이라 할 수 있는 번들 분석 도구다.

핵심 내용 Metro 번들러의 출력을 분석해 모듈별 파일 크기를 트리맵으로 시각화한다. CLI 명령어 하나로 인터랙티브한 번들 분석 페이지를 생성한다. Expo와 React Native 프로젝트 모두에서 동작한다.

기존 대비 차별점 번들 크기가 커지는 원인을 직관적인 시각화로 파악할 수 있어 최적화 방향을 빠르게 결정할 수 있다. webpack-bundle-analyzer의 React Native 버전 역할을 한다.

활용 가능성 앱 로딩 속도 최적화, 불필요한 대용량 라이브러리 발견, 중복 모듈 제거 등 React Native 앱 번들 최적화 작업에 활용할 수 있다.

참고 자료 - 원본