12P by xguru 1달전 | favorite | 댓글과 토론
  • Webpack 에서 Metro로 번들러를 변경
    → 간단한 UI변경은 80% 빨라졌고 (~1분에서 11초로)
    → 가장 느린 프로덕션 빌드도 55% 빨라짐 (30.5분에서 13.8분으로)
    → 추가로 웹페이지 성능도 1% 정도 빨라짐
  • Metro는 React Native용 오픈소스 JavaScript 번들러
    → Airbnb는 이제 더이상 RN을 쓰지 않지만, 웹에도 잘 맞는다고 믿음
    → 번들링을 3단계로 구성 : Resolution, Transformation, Serialization
  • Metro 와 Webpack 의 주요 차이점
    • 개발시에 요청할 때만 JS 번들 처리
    • 멀티 레이어 캐쉬
    • Serialization
    • RN용이므로 약간의 작업은 필요
      • Bundle Splitting
      • Tree-shaking