GitHubCreative Dev & WebGLtech-infocode
callstack/repack
callstack·@callstack·Apr 4, 2023
개요 Webpack 생태계를 완전히 지원하는 React Native 빌드 툴킷이다. Metro 번들러 대신 Webpack을 사용해 코드 스플리팅, 모듈 페더레이션 등 고급 번들링 기능을 React Native에서 활용할 수 있다.
핵심 내용 Webpack의 코드 스플리팅, Dynamic Import, Module Federation 등을 React Native에서 지원한다. Module Federation을 통해 여러 앱 간 코드 공유와 마이크로 프론트엔드 아키텍처를 모바일에서 구현할 수 있다. Callstack이 개발하며 1,800+ stars를 보유한다.
기존 대비 차별점 Metro 번들러는 코드 스플리팅과 모듈 페더레이션을 지원하지 않는다. Re.Pack은 Webpack의 강력한 플러그인 생태계와 최적화 기능을 React Native 앱에 그대로 가져올 수 있다.
활용 가능성 대형 React Native 앱의 번들 최적화, 여러 팀이 독립적으로 개발하는 앱의 모듈 페더레이션, 동적 기능 다운로드가 필요한 앱 등에 활용할 수 있다.
참고 자료 - 원본
TypeScript⭐ 1,886bundlercode-splittinghacktoberfestmodule-federationreactreact-nativetypescriptwebpack
#webpack#react-native#bundler#code-splitting#module-federation