지난 게시글에 npm으로 라이브러리를 배포했으나, 해당 라이브러리를 TS 환경의 프로젝트에서 사용하려고 하면 타입 에러가 발생했다.이는 라이브러리의 타입 정의가 없어서인데, 즉 쉽게 말해 dist 폴더에 index.d.ts 파일이 없기 때문에 발생한 것이다. 그렇다면 라이브러리에 적합한 타입 정의를 주어(= index.d.ts 파일을 생성하여) TS 환경의 프로젝트에서도 사용가능하게 만들어야 한다. 우선 그렇다면 dist 폴더는 무엇이고 어떤 역할을 할까? distdistribution(유통, 배포)의 약자실제 운영 환경에서 사용되는 축소/연결 버전ts 환경의 프로젝트를 빌드하면 js 코드로 컴파일된 결과물이 dist 폴더에 담긴다. 배포된 라이브러리를 install 하여 사용할 때는 해당 라이브러리의..
npm
1. 컴포넌트 빌드npm run build 2. npm 로그인npm login 3. 퍼블리싱npm publish --access=public(private는 유료) storybook-test라는 이름이 적합하지 않아서 생겼던 에러→ 이름을 storybook-yong으로 바꾸니 해결되었다. ⬇npm 라이브러리로 등록 완료 💥 import 해서 사용할 시 TS 에러 발생 !→ 다음 글에 정리 ! [ 참고 자료 ]간단한 NPM 라이브러리 배포해보기 2탄 (CLI 간단한 라이브러리 만들기 & 모든 환경 지원, ESM, CJS, TS) - 정현수 기술 블로그npm 패키지 배포 가이드자바스크립트 패키지 발행하기 (npm publish)
