Github action을 학습해봅니다.

현재 기술 Stack?

1. pnpm 패키지 매니저
2. branch merge로 패키지를 관리하는 상황

Workflows?

1. codeql.yml

   • "javascript" 코드 퀄리티 관리
   • main branch에 pull request 되는 순간 실행

2. release.yml

   • main branch에 commit되는 순간 실행
   • pull request가 merge 되는 순간 실행 (이는 autolabeler를 작동시키기 위함)
   • release 변경 내역, branch의 title과 tag를 기준으로 자동 작성

3. publish.yml

   • github release되는 순간 ci script 실행
   • ci 실행 이후 npm에 배포

4. size-limit.yml

   • pull request에 의해 main branch에 merge되는 순간 실행
   • 패키지의 gzip bundle size를 보고 후 제한량 비교 및 사이즈 변경점 체크

Workflows Helpers Packages

1. pnpm/action-setup@v2

   • pnpm을 패키지 매니저로 사용

2. actions/cache@v3

   • node_modules 캐싱 전략 사용
   • unique key를 hash한 후 조회
   • 이것을 안하면? 시간-비용 손해

3. JS-DevTools/npm-publish@v1

   • npm publish 자동화

   • NPM_TOKEN을 이용해 npm 자동화

     uses: JS-DevTools/npm-publish@v1
                  name: Publish package
                  with:
                      token: ${{ secrets.NPM_TOKEN }}

4. release-drafter/release-drafter@v5

   • release 내역 업데이트 자동화

5. andresz1/size-limit-action@v1

   • 패키지 bundle size를 체크 및 검토

Action 작동 순서

1. branch를 파서 코드 작업
2. branch pull request 요청
   • codeql.yml 코드퀄리티 action run
   • release.yml release action run
   • size-limit.yml size limit action run
3. branch merge
   • release.yml release action run
4. release draft: release action으로 생성된 release template로 version release
   • publish.yml npm publish action run