CI CD

Vercel을 이용하여 Module Federation CI/CD 해보기

• 기본적인 호스팅 방법 -> 링크
• module federation의 배포는 어렵게 생각하면 어렵고, 쉽게 생각하면 간단하다. 현재 프로젝트, host/remote는 독립적인 프로젝트 이기 때문에 module federation을 두개 배포해주면 된다.

acoe 와 acoe-host의 형식으로 각각 배포해준다.

config-overrides.js 파일 설정

host의 config-overrides.js

const isDevelopment = process.env.NODE_ENV !== 'production';
....
name: "host",
        remotes: {
          remote: 
          isDevelopment? 
          'remote@http://localhost:3001/remoteEntry.js' :
          'remote@https://acoe-remote.vercel.app/remoteEntry.js'
        },

remote의 config-overrides.js

const isDevelopment = process.env.NODE_ENV !== 'production';
....
name: "remote",
       remotes: {
          host: 
          isDevelopment?  
          'host@http://localhost:3000/remoteEntry.js' :
          `host@https://acoe.vercel.app/remoteEntry.js` 
        },

추후 ncp 혹은 aws를 적용할때는 port만 다르게 해주면 된다.

Github Actions + NCP