Module Federation

로컬 모듈과 원격 모듈을 구별
로컬 모듈은 현재 빌드의 일부인 일반 모듈
원격 모듈은 현재 빌드의 일부가 아니며 런타임에 컨테이너에서 로드 되는 모듈
원격 모듈을 로드 하는 것은 비동기 작업으로 간주
원격 모듈을 사용할 때 이러한 비동기 작업은 원격 모듈과 엔트리 포인트 사이에 있는 다음 청크 로드 작업에 배치
일반적으로 import()를 호출
 

Concept

각각의 빌드는 컨테이너의 역할을 하며 다른 빌드를 컨테이너로 소비
공유된 모듈은 오버라이딩 가능하고 중첩된 컨테이너에 오버라이드로 제공
 

example

GitHub - module-federation/module-federation-examples: Implementation examples of module federation , by the creators of module federation
This repository is to showcase examples of how Webpack 5's new Module Federation can be used. Legend: ⚠️: In Progress/Incomplete 🔒: Depends on proprietary code that isn't free. To run from a git checkout locally, remove all of the proprietary example directories and then run yarn at the repo root.
GitHub - module-federation/module-federation-examples: Implementation examples of module federation , by the creators of module federation
Webpack Module Federation 도입 전에 알아야 할 것들
카카오엔터테인먼트 FE 기술블로그
Webpack Module Federation 도입 전에 알아야 할 것들
 
 

Recommendations