Airbnb에서 JavaScript 번들도구로 Webpack을 쓰다가 Metro로 변경한 내용입니다. Metro는 이 글을 통해 처음 알게 되었는데 React Native의 번들링 도구라고 합니

Airbnb에서 JavaScript 번들도구로 Webpack을 쓰다가 Metro로 변경한 내용입니다. Metro는 이 글을 통해 처음 알게 되었는데 React Native의 번들링 도구라고 합니다. React Native용이지만 Airbnb에서는 Metro가 웹에서도 잘 동작할거라 믿었다고 합니다. 기존에 Webpack을 잘 사용하고 있었지만 코드베이스가 커지면서 단순 페이지 병경에도 30초에서 2분정도가 걸리면서 개발 경험이 안좋아졌는데 Metro로 변경 한 후에 UI 변경은 80% 빨라졌고 가장 느린 프로덕션 빌드에서도 30.5분에서 13.8분으로 55%가 빨라졌다고 합니다. Webpack은 번들링할 때 모든 엔트리포인트를 알아야 하고 컴파일할 때 모든 엔트리 포인트를 컴파일하지만 Metro는 요청받은 엔트리 포인트만 컴파일해서 더 빨랐고 멀티레이어 캐시와 내장된 워커로 무거운 작업을 나누어서 처리해서 속도를 빠르게 할 수 있었다고 합니다.