https://maxkim-j.github.io/posts/module-federation-shared

[utterances-bot]

Module Federation Shared Dependency 작동 원리와 활용 방법

Webpack Module Federation의 의존성 공유에 대해 알아봅니다.

https://maxkim-j.github.io/posts/module-federation-shared/

[shinyuna]

안녕하세요! 글 너무 잘 읽었습니다.

요즘 저도 module federation 기능을 사용할 일이 생겨 module federation 에 대해서 알아보고 있는데요.
여러 문서를 읽고, 실제로 사용하면서도 singleton 옵션에 대해서 헷갈리는 부분이 있어 질문드립니다!!

'싱글톤 옵션은 하나의 인스턴스만 로드되고, 무조건 먼저 로드된 의존성 버전을 따라간다' 라는 말은 즉, 항상 Host App 의 공유 의존성이 먼저 로드되니깐 싱글톤 옵션을 적용한 의존성은 항상 Host App 의 의존성 버전만을 따르게 되는걸까요?

[MaxKim-J]

@shinyuna 안녕하세요! 코멘트를 늦게 봤네요

Host App이 가장 먼저 로드되는 앱이지만 반드시 공유 의존성을 먼저 로드할 것이라는 보장은 없습니다. 싱글톤 옵션을 적용했다면 Host가 아니더라도 해당 공유 의존성을 포함하고 있는 앱이 로드될때 공유 의존성은 최초로 불러와지고, 그 다음은 다른 마이크로앱들이 공유해서 사용합니다.

물론 Host에서 강제로 공유 의존성을 import해와서 Host에서 최초로 항상 다 부르고 나머지 앱들의 공유 의존성이 이 최초 로드 버전을 따라가게하는 프랙티스를 사용할 수도 있습니당

[igoman2]

많지는 않지만 module federation 레퍼런스는 react 기반이 많은 것 같은데, next에서의 module federation 사용경험은 어떠셨는지? 궁금하네요.
현재 next + next로 MFA 구성중인데 불완전한 요소들이 많이 보여서요

1. next와 next-mf 플러그인의 버전별로 호환이 안맞는 경우가 있음
2. react-dom 을 shared에 명시하는 순간 next/router의 useRouter를 사용할 수 없음 등등...

[seong-ji-sue]

안녕하세요 글 너무 잘 읽었습니다
'앱 최상위에 Context Provider등을 두고 써야 하는 라이브러리
앱 전역에서 인스턴스가 하나여야만, provider와 consumer의 정합성이 맞고 앱 전체에서 의도된 동작을 할 것입니다.'
이 부분에 대해 궁금한 부분 있는데요
A 프로젝트가 B 프로젝트를 의존하고 있을 때 Provider 를 A에 감싸고 B 프로젝트에서 상태를 가져와 쓰면 undefined 뜹니다.
전역 상태를 서로 공유하려고 하면 어떻게 해야할까요....??