Vue2의 React의 마이그레이션을 진행중이예요.
Module Federation을 이용한 Micro frontend 구조로 변경하면서 점진적으로 진행할 계획이 있습니다!
이전에 Vue2 + Webpack과 React + Vite의 조합으로 Module Federation을 진행하려고 시도했었죠.
결과적으로 다른 두 번들러의 결과물을 합치는건 불가능했습니다! 당연하게도(?) 번들결과물은 서로의 코드에 호환이 안되거든요 🤥
겸사겸사 빌드속도도 향상시킬겸 Host 역할을 하는 Vue2를 Vite로 변경하였습니다.
그리고 더 중요한점! Vue 안에서 React App을 렌더링해야하기 때문에 Vue의 SFC 안에서 React와 React-DOM으로 Remote의 React module을 직접 렌더하는 코드가 필요했습니다.
앞으로의 난항이 더욱 기대되는데요.
- 토큰의 보관 및 사용
- Vue에서 관리하던 전역상태를 React와 공유
어떻게든 해내야겠죠..? 🥺
