https://github.com/team-withme/withme_ui

📚 WithMe 디자인 시스템 모노레포
https://github.com/team-withme/withme_ui

javascript learn monorepo react rollup sass storybook typescript yarn yarn-workspaces

Last synced: 2 days ago
JSON representation

📚 WithMe 디자인 시스템 모노레포

• Host: GitHub
• URL: https://github.com/team-withme/withme_ui
• Owner: Team-WithMe
• License: mit
• Created: 2022-04-13T07:35:44.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T06:31:21.000Z (about 2 years ago)
• Last Synced: 2025-02-12T20:19:58.682Z (2 days ago)
• Topics: javascript, learn, monorepo, react, rollup, sass, storybook, typescript, yarn, yarn-workspaces
• Language: TypeScript
• Homepage: https://with-me-ui.netlify.app/?path=/docs/assets-icons--base
• Size: 77.9 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: License

Awesome Lists containing this project

README

        
# With Me 디자인 시스템 모노레포

with me의 모든 디자인 요소를 작업하는 레포지토리 입니다.

- [withme-ui](https://github.com/Team-WithMe/WithMe_UI/tree/master/packages/withme-ui) - 컴포넌트 패키지 with react (npm)

- [withme-icon](https://github.com/Team-WithMe/WithMe_UI/tree/master/packages/withme-icon) - 아이콘 패키지 with react (npm)

- [withme-style](https://github.com/Team-WithMe/WithMe_UI/tree/master/packages/withme-style) - 스타일 패키지 with scss (npm)

> `packages`에 있는 라이브러리의 사용법들은 각 워크스페이스 README.md를 참고하면 됩니다!




## 디자인 시스템 문서

스토리북을 이용해 디자인 시스템 문서를 구축했습니다.




[[storybook](https://with-me-ui.netlify.app/?path=/docs/assets-icons--base)] 바로가기




## Scripts

### 기본적인 명령어

```

# 설치

yarn

# 패키지 추가

yarn add 

# 모든 의존성 삭제

yarn clean

# git 커밋

yarn commit

# 개발 시작

yarn dev

```

### storybook 실행

- 경로를 withme-ui 패키지로 이동하고 해당 터미널에서

```

# 스토리북 실행 (port 6006)

yarn storybook

```

### 워크스페이스별 의존성 추가, 제거

```

# 추가

yarn workspace  add 

# 제거

yarn workspace  remove 

```

### npm 배포

```

# npm login

yarn npm login

# 모든 패키지 npm 배포

yarn publish

```

### 각 워크스페이스별 npm 배포

```

# 빌드

yarn workspace  build

# ex: yarn workspace @pickk/design-token build

# 버전 업데이트 (strategy = 'major'|'minor'|'patch')

yarn workspace  version 

# 버전 업데이트 커밋 생성

git commit -m "chore(): release  "

# 태그 부여

git tag -a "@"

# 배포

yarn workspace  npm publish

```




## Setting

```

# node version

node -v

# 16.15.1

```