module federation 2

[MFA] Module Federation 다른 서버 TypeScript Type 추론 Example (명시적 정의, @module-federation/typescript)

Module Federation에서 Remote App 모듈 사용 시 Type 추론이 자동으로 되지 않는다. 방법 1. 명시적으로 정의하여 타입 추론 Monorepo프로젝트 진행 중일 경우 Remote App 경로를 명시적으로 정의하여 타입 추론이 가능하다. 장점 경로 명시적으로 정의되어 있어, 어떤 컴포넌트에서 오는지 쉽게 파악 가능 실제 경로를 참조하여 오류를 최소화할 수 있음 tsconfig 설정만으로 간단하게 사용가능 단점 모노레포 구조에서만 사용 가능 { // ...생략 "compilerOptions": { // ...생략 "paths": { "gugbab_component_app/Button": ["../gugbab-component-app/src/components/Button"] } } }..

MSA 2024.01.21

[MFA] Module Federation란? Basic Example

Module Federation webpack5에 도입된 고급 모듈 통합 기능 서로 다른 애플리케이션이 런타임에 필요한 코드를 공유할 수 있게 해 준다. 각각의 애플리케이션들이 서로 독립적으로 개발되고 배포될 수 있다. 필요한 코드만 실시간으로 로드하기 때문에 애플리케이션의 성능을 최적화할 수 있다. https://webpack.kr/concepts/module-federation/ Module Federation 구성요소 Host 다른 애플리케이션(remote)으로부터 모듈을 로드하고 사용하는 주체이다. Remote Host에 로드될 수 있는 모듈을 제공한다. 독립적으로 배포 및 업데이트가 될 수 있다. Shared Host와 Remote 애플리케이션 간에 공유되는 의존성을 의미한다. 중복된 코드의 로..

MSA 2024.01.07