웹 애플리케이션 페이지를 패키지로 개발해 본 경험 공유

이 글은 웹 애플리케이션의 특정 페이지를 별도의 레포지토리에서 개발하고 패키지 형태로 배포한 경험을 공유합니다. 기존에는 단일 레포지토리에서 모든 페이지를 개발했지만, 다른 팀의 레포지토리에서 새로운 페이지를 개발해야 하는 상황에서 효율성을 높이기 위해 외부 개발 및 불러오기 방식을 채택했습니다.

개발 방식으로는 Module Federation과 패키지 배포 방식을 비교하며, 이 글에서는 패키지 배포 방식을 중심으로 경험을 풀어냅니다. Module Federation은 webpack 5부터 지원하는 기능으로, 별도로 컴파일 및 배포된 코드를 호스트에서 로드할 수 있어 번들 크기 증가, 빌드 속도 저하, 의존성 관리의 어려움 등의 문제를 해결하는 데 도움을 줍니다.

하지만 이 글에서는 패키지 배포 방식을 통해 상품관리 페이지를 성공적으로 배포한 경험을 상세히 다룹니다.