yarn berry 를 이용해서 monorepo 를 구성해 본 프로젝트.

monorepo란 여러 개의 개별 프로젝트를 잘 정의된 관계를 통해서 하나의 repo에 담은 것을 말함.

1. 로컬에 yarn이 설치되어 있지 않다면 설치.

npm install -g yarn

2. 프로젝트에서 yarn berry를 사용하도록 설정. (pwd 프로젝트 파일의 root에서 설정합니다)

yarn set version berry

berry 설정 후 프로젝트 내부에서 yarn -v으로 yarn 버전 확인시 v2 이상으로 깔렸음을 확인 할 수 있습니다.

3. yarn 프로젝트 초기화.

yarn init -w

-w flag와 함께 초기화해주면 package.json 파일이 자동 생성됩니다. 프로젝트 root에 위치한 package.json의 workspace에 추가된 위치들을 개별 프로젝트로 취급합니다. 위 커맨드로 package.json 생성시 workspace에 이미 packages 라는 폴더 위치가 추가되어 있습니다.

1. 원하는 위치에 하위 폴더를 생성.
2. ./packages.json 의 workspace에 해당 위치를 추가.

그러고나면 yarn workspace [프로젝트 이름] 으로 접근할 수 있습니다.

외부 패키지의 경우 여타 프로젝트에서 사용했던 것과 같이 yarn add [패키지 이름] 하면 됩니다. workspace @cute/web 에서 다른 workspace에 위치한 @pkg/lib를 의존하려면 어떻게 해야할까요?

1. 우선 @pkg/lib 에서 export 하고 있는 모듈이 있어야 한다.
2. @cute/web에 @pkg/lib 의존성을 추가한다.

yarn workspace @cute/web add @pkg/lib

3. (TS를 사용하는 경우) 타입스크립트 컴파일러 설정에서 패키지 위치를 알려준다.

@cute/web/tsconfig.json

{
  "compilerOptions": {
    (...)
    "paths": {
      "@pkg/lib": ["../../package/lib/src/index"]
    }
  },
  (...)
}