npm에 라이브러리 배포 연습

npm 사이트에 'dydrlaks-utils' 라이브러리 배포.

*추후 자주 쓰이는 컴포넌트들을 모아놓은 라이브러리를 npm에 배포해서 쉽게 재활용하기 위해 연습

 

대략적으로 해야하는 것들 정리

1. npm에 가입

2. 워크스페이스(개발 환경)에서 npm login 진행하기

3. npm init으로 패키지 설정

4. typescript, node/types를 devDependencies에 설치

5. tsconfig 파일 생성 및 outDir에 dist 입력, declaration에 true 입력, include에 src 포함

6. tsc 스크립트 실행 및 dist 폴더 생성(package.json 'scripts'에 publish 전 tsc를 진행하도록 자동화 걸어두면 편리함)

7. package.json에서 main에 dist 폴더 속 진입 파일 설정

8. package.json files에서 npm에 올라가도 되는 폴더들 입력

9. package.json의 version 올리기(minor, patch 수준에 따라 버저닝)

10. npm publish로 npm에 서버에 배포

 

타입스크립트 관련 멘탈 모델

1. src 폴더 내부의 코드는 일종의 사람이 이해하기 편한 코드

2. tsc를 통해 컴파일을 마친 코드가 실제 실행되는 코드(dist 폴더 내부)

3. tsconfig의 include는 타입스크립트가 타입 검사를 해주는 곳 지정

 

기타 깨달은 점

1. npm 서버와 코드 저장소는 다르다.(npm 서버에는 패키지 형태로 업로드 되고 코드 저장소에는 코드 자체가 올라간다 => Github actions로 이를 연동시켜 자동화 시킬 수도 있다.)

 

참고한 블로그: https://junghyeonsu.com/posts/deploy-simple-util-npm-library/