[모노레포] yarn berry 시작하기

1. yarn berry 버전 변경

2. 프로젝트에 yarn berry 초기화 후 apps디렉터리 생성 후 package.json > workspaces에 apps추가

yarn init -w

mkdir apps
cd apps

apps디렉토리에서 yarn create next-app으로 next.js 프로젝트 생성

yarn create next-app

? Tainwind ?

그동안 스타일링을 scss, styled-components 등 다양한 디자인 방식을 적용해왔다.

최근 Tailwild CSS를 사용하여 개발한 사람들은 개발 속도가 빨라지는 장점이 있다고 한다. 따로 css파일 없이 하는거라 컨텍스트 스위칭도 없고, 시멘틱한 클래스명을 정하는 시간도 사라지는 장점이 있다고 한다.

 

4. package.json 의 "name":"@non/admin"으로 변경

root 로 가서 상태 갱신하기

cd .. //(root 디렉토리로 이동됨)
yarn

non/admin 실행

yarn workspace @non/admin run dev

5. typescript error

yarn berry pnp는 node_modules모듈을 불러오는 방식이 다르기 때문에 생기는 문제

yarn add -D typescript
yarn dlx @yarnpkg/sdks vscode