🦋 Changeset CI CD

🦋 Changeset

changeset은 모노레포 환경(monorepo)에서 상호 의존하는 패키지들의 일관성을 유지하기 위한 라이브러리입니다. 여러 의존된 패키지들을 업데이트할 때 마다 자동으로 Semver규칙에 따라 버전을 관리해주고 간편한 명령셋을 통해 손쉽게 레지스트리에 배포가 가능합니다. 이미 프로젝트가 모노레포 환경으로 구성되어 있기 때문에, 기존 프로젝트 환경에서 적용하기 쉽고, CI/CD 지원을 제공하는 라이브러리에 적합한 Changeset을 선택하게 되었습니다.

Changeset Configure

.changeset/config.json에서 프로젝트 환경에 맞게 환경설정을 구성하였습니다.

{
  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
  "changelog": "@changesets/cli/changelog",
  "commit": false,
  "fixed": [],
  "linked": [],
  "access": "public",
  "baseBranch": "main",
  "updateInternalDependencies": "patch",
  "ignore": []
}

• access: 액세스 권한 설정 (restricted, public)
• baseBranch: 변경 감지를 위한 대상 브랜치
• updateInternalDependencies: 종속된 패키지가 변경될 때 같이 업데이트 patch
• commit: false를 통해 사용자가 직접 커밋

CI/CD

GitHub Actions를 통해 main 브랜치에 merge가 될 때 마다 하위 패키지들을 빌드하여 배포하는 CI/CD를 구축하였습니다. NPM 레지스트리 배포 과정 중에 workspace:range를 변환하지 못하는 이슈가 있어 yarn pack을 통해 패키징 한 다음 별도의 디렉토리로 이동&압축해제 후 배포하게끔 하여 이슈를 해결하였습니다. 참고

{
  "name": "jdesignlab",
  "version": "1.0.2",
  "packageManager": "[email protected]",
  "homepage": "https://github.com/DesignSystemLab/design-system",
  "scripts": {
		...
    "allpackages": "yarn workspaces foreach --no-private --verbose", 
    "build": "yarn workspaces foreach run build",
    "build:release": "yarn allpackages exec rm -rf _release && yarn allpackages pack && yarn allpackages exec \"mkdir _release && tar zxvf package.tgz --directory _release && rm package.tgz\"",
    "version": "changeset version",
    "release": "yarn build:release && changeset publish" 
  },
  "workspaces": [
    "packages/*"
  ],
  "devDependencies": {...},
  "dependencies": {...}
}