1. Monorepo 구성

매번 프로젝트를 할떄마다 컴포넌트를 새로만들고 utility를 새로 만들고 하는 불편함이 있어 나만의 package를 구성하고 싶어 시작하게 된 프로젝트이다 그래도 최종 결과물이 있어야 하니까  design system까지 구성해보는것을 목표로 삼았다.

https://turbo.build/repo/docs를 이용해서 monorepo로 구성하여보았다

 

기술스택

react, typescript

tsup, vite, rollup

bash

turborepo

 

- apps
  - storybook
  ...
- packages
  - components
  - util
  - eslint-config
  - tsconfig
  - ui
  ...
script
  ...
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
turbo.json

프로젝트 구조는 다음과 같이 잡았으며 package에서는 @leeyc/** 패키지를 개발하고 apps에서는 storybook 과같은 서버를 띄울 것 이다.

 

 

자세한 소스는 여기서 확인할수있다

https://github.com/leeyc924/leeyc-package