[date] Chromatic 배포하기

설치한 스토리북을 크로매틱으로 배포하는 단계이다.

 

아래 블로그에 상세히 나와있어 잘 따라갈 수 있었다.

참조 블로그

chromatic으로 storybook 배포하기(with pnpm, turborepo, github actions)

token=<token> 으로 입력

chromatic 에서 알려주는 명령어는 npx, yarn만 있길래 블로그 참조함!

 

이미지에 드래그한 요 부분을 놓쳐 루트 디렉토리에서 명령어를 입력했더니 build-storybook 스크립트가 없다는 에러 문구를 만났다.

apps/storybook/package.json에는 build-storybook 스크립트가 추가되어있어서 디렉토리 들어가서 해야하나 싶었는데 그게 맞았다.

크로매틱 스크립트가 없으면 추가해준다. ㄳ..

 

그럼 이런 화면을 만나게 된다.

 

추가로 할 것은 .. 

- 토큰을 환경변수로 추가해 노출을 방지한다.

- 크로매틱 프로젝트에 팀원 초대하기

- GitHub Action 추가해서 PR 시 크로매틱 배포 자동화하기