Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
Webpack Module Federation 도입 전에 알아야 할 것들 섬네일

Webpack Module Federation 도입 전에 알아야 할 것들

카카오엔터테인먼트 favicon카카오엔터테인먼트·Architecture·
ReactJavaScriptWebpackModule Federation
2022년 06월 23일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

카카오엔터테인먼트가 Webpack Module Federation 도입을 통해 런타임에서 원격 모듈 로딩과 컨테이너 간 모듈 공유를 가능하게 하는 개념과 운영의 고려점을 소개합니다.

주요 특징

  • Expose/Remotes 구성으로 런타임에 모듈을 공유하고 로딩한다
  • 공유 모듈의 singleton 설정으로 중복 로딩을 방지한다
  • 원격 모듈의 동적 로딩 및 다도메인 로딩을 지원한다
  • Monorepo 구조의 이점과 remoteEntry.js URL 관리 필요성을 제시한다

적용 고려사항

  • 원격 모듈의 타입 파악이 어렵고 문서화가 제한적일 수 있다
  • 환경별(remoteEntry.js) URL 관리 및 배포 파이프라인 구축이 필요하다
  • 컨테이너 이름의 전역 유니크성 확보가 필수다
  • Monorepo 활용으로 원격 모듈 파악과 유지보수를 용이하게 할 수 있다

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
react-native 에 모듈 페더레이션 더하기 (with. RePack) 섬네일
77%

react-native 에 모듈 페더레이션 더하기 (with. RePack)

직방 favicon직방·2023년 10월 26일
Yarn Workspace를 이용한 Monorepo 구성 섬네일
72%

Yarn Workspace를 이용한 Monorepo 구성

Lemonade Engineering faviconLemonade Engineering·2021년 04월 07일
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC 섬네일
72%

대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC

올리브영 favicon올리브영·2025년 11월 06일