반응형
Webpack Module Federation
https://webpack.kr/concepts/module-federation/
- Type: Run-time
- webpack 5 에서 제공
장점
가장 유명한 프레임워크인 Webpack 5로 빌드함.
라이브러리 중복을 막아주어서 번들 사이즈를 줄여줌
평범한 npm을 사용하는 것 처럼 보여서 개발자들에게 이질감 같은게 느껴지지 않음
단점
런타임에서 컴포넌트들이 다이나믹하게 통합되는게 리스크가 있음
타입스크립트 지원을 받으려면 추가적으로 뭘 해줘야함
Single-SPA
- Type: Run-time
Piral
- Type: Run-time
- senior 없어도 개발할 수 있을 정도로 무난함
NPM Packages
- Type: Build-time
- 각 서비스들을 npm package로 만들고 컨테이너 서비스가 그걸 가져다 씀
장점
npm에 익숙하다면 더이상 러닝커브가 없음
타입스크립트를 위한 별도의 처리가 필요 없음
버전 컨트롤이 빡세서 안전하게 개발할 수 있음.
단점
각 팀이 각기 다른 패키지의 다른 버전을 가지고 있어서 크로스도메인 오케스트레이션이 없으면 업데이트들을 release할 수 없음
패키지들을 업그레이드 하는 것이 복잡하고 다루기 힘듦.
peer dependency들에게 눈에 잘안띄는 위험요소들이 숨어져있을 수 있음
Bit.dev
- Type: Build-time
- 드래그앤드랍?
...
iframes
반응형
'프론트엔드' 카테고리의 다른 글
| Micro frontends - Integration의 3가지 종류 (0) | 2022.11.08 |
|---|---|
| [번역] 마이크로 프론트엔드의 장단점 micro frontends pros and cons (0) | 2022.11.08 |
| 스벨트로 리스트&상세화면 구현하기 (0) | 2022.06.20 |
| 자바스크립트 & 제이쿼리로 리스트 구현하기 22 (0) | 2022.06.20 |
| 자바스크립트 & 제이쿼리로 리스트 구현하기 (0) | 2022.06.20 |