With Me 디자인 시스템 모노레포
with me의 모든 디자인 요소를 작업하는 레포지토리 입니다.
- withme-ui - 컴포넌트 패키지 with react (npm)
- withme-icon - 아이콘 패키지 with react (npm)
- withme-style - 스타일 패키지 with scss (npm)
packages에 있는 라이브러리의 사용법들은 각 워크스페이스 README.md를 참고하면 됩니다!
디자인 시스템 문서
스토리북을 이용해 디자인 시스템 문서를 구축했습니다.
[storybook] 바로가기
Scripts
기본적인 명령어
# 설치
yarn
# 패키지 추가
yarn add <package-name>
# 모든 의존성 삭제
yarn clean
# git 커밋
yarn commit
# 개발 시작
yarn dev
storybook 실행
- 경로를 withme-ui 패키지로 이동하고 해당 터미널에서
# 스토리북 실행 (port 6006)
yarn storybook
워크스페이스별 의존성 추가, 제거
# 추가
yarn workspace <workspace-name> add <package-name>
# 제거
yarn workspace <workspace-name> remove <package-name>
npm 배포
# npm login
yarn npm login
# 모든 패키지 npm 배포
yarn publish
각 워크스페이스별 npm 배포
# 빌드
yarn workspace <workspace-name> build
# ex: yarn workspace @pickk/design-token build
# 버전 업데이트 (strategy = 'major'|'minor'|'patch')
yarn workspace <workspace-name> version <strategy>
# 버전 업데이트 커밋 생성
git commit -m "chore(<scope-name>): release <workspace-name> <version>"
# 태그 부여
git tag -a "<workspace-name>@<version>"
# 배포
yarn workspace <workspace-name> npm publish
Setting
# node version
node -v
# 16.15.1
