dist만 배포된 라이브러리 수정하기

Question

안녕하세요. 프론트 준비하고 있는 대학생입니다.
토스에서 만든 overlay-kit 라이브러리를 수정해서 사용하고 싶은데, 어떻게 해야하는지 모르겠어서 질문드립니다.
https://www.npmjs.com/package/overlay-kit

1.  patch-package를 사용하려고 했는데, /dist만 배포 되어있어서 불가능합니다.

2. 해당 레포를 fork하고 코드를 수정하긴 했는데, 제 서비스에서 사용하려면 어떻게 해야하는지 모르겠네요. 수정한 레포를 설치하려고 하면 아래의 오류가 발생합니다.

3. 해당 라이브러리는 모노레포로 구성되어 있는 것 같은데, 어떤 걸 공부 해야 해당 라이브러리의 구조를 정확하게 이해할 수 있을지 궁금합니다.

긴 글 읽어주셔서 감사합니다.

포크코딩 · Answer

1. 당연합니다. npm에 배포된 것들은 dist나 out만 배포되어 있는 것이 정상입니다. 2번 과정에 도달하셨으니 굳이 설명은 패스하겠습니다.

2. 두 가지 방향이 있습니다. 
a) 래퍼 패키지를 만들어서 본인만의 npm 패키지를 만드는 방법
b) 수정된 소스코드를 본인 프로젝트 소스코드에 직접 포함 시키는 방법

3. 추천드리는 항목은 다음과 같습니다.
yarm workspaces - https://yarnpkg.com/features/workspaces
pnpm-workspaces - https://pnpm.io/ko/workspaces
turborepo - https://turborepo.com/

## 배경지식

### workpsace의 본질

- node쪽 workpsace의 본질은 서로 다른 프로젝트 package.json을 한 데 통합시켜 관리는데 그 중심 목적이 있습니다. 여기서 관리란 패키지 의존성 추가|삭제|변경, script 실행 등을 의미합니다.