-
chromatic 배포 세팅Project/Figma+Storybook 2023. 10. 26. 17:46
https://storybook.js.org/tutorials/intro-to-storybook/react/en/deploy/
Storybook Tutorials
Learn how to develop UIs with components and design systems. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community.
storybook.js.org
chromatic 회원가입
아래 사이트 접속 후 회원가입을 진행한다.
Automatically review, test, and document Storybook
Chromatic automates visual & interaction tests for Storybook. Connect CI/CD and Figma workflows to streamline stakeholder sign-off. Generate versioned component docs.
www.chromatic.com
프로젝트를 Github 프로젝트와 연결합니다.
패키지를 개발 종속성으로 추가
$ yarn add -D chromatic $ yarn add --dev chromatic스토리북 출판
명령줄에서 다음 명령을 사용하여 처음으로 Chromatic의 보안 CDN에 게시합니다.
npx chromatic --project-token=<project-token>$ yarn chromatic --project-token=<project-token>
성공!
'Project > Figma+Storybook' 카테고리의 다른 글
yarn storybook error const stringWidth = require('string-width') (0) 2023.11.09 chromatic에 git action 설정 (0) 2023.10.30 Storybook Webpack5 오류 (0) 2023.10.27 리액트 & 스토리북 설치 (0) 2023.10.26 디자인 시스템 & 스토리북 & 피그마란? (0) 2023.10.25