Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

github actions-storybook CI/CD test #1

Merged
merged 13 commits into from
Dec 20, 2023
Merged

github actions-storybook CI/CD test #1

merged 13 commits into from
Dec 20, 2023

Conversation

ryong9rrr
Copy link
Owner

storybook CI/CD 설정

1. .github/workflows/chromatic.yml 작성 및 packages/ui CI/CD 스크립트 작성

  1. github repository secrets 환경변수 추가 (secrets.CHROMATIC_PROJECT_TOKEN은 secrets 환경변수로 등록해야한다. secrets.GITHUB_TOKEN 은 유저 정보 settings -> developer settings 에서 발급받은 class token임)
  2. pnpm을 사용하고 있으므로 CI/CD 환경에서도 pnpm을 사용할 수 있어야한다.
  3. 의존성 모듈을 설치해야한다.
  4. 이후 Chromatic에 publish 한다.

2. chromatic 빌드 명령어는 build-storybook 명령어 이후에 수행되어야하며 아래 2가지 방법 중 선택할 수 있음.

  1. "chromatic": "npx chromatic --exit-zero-on-changes -d storybook-static/" => 참고이슈
  2. "chromatic": "bash ./scripts/chromatic_publish.sh" => 2번 방법의 경우 scripts/chromatic_publish.sh 쉘 파일을 만들고 .env 파일을 만들어야함. 참고 블로그

@ryong9rrr ryong9rrr self-assigned this Dec 20, 2023
@ryong9rrr ryong9rrr merged commit 2814486 into main Dec 20, 2023
3 checks passed
@ryong9rrr ryong9rrr deleted the improve-button branch December 20, 2023 09:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant