지난 게시글에 npm으로 라이브러리를 배포했으나, 해당 라이브러리를 TS 환경의 프로젝트에서 사용하려고 하면 타입 에러가 발생했다.이는 라이브러리의 타입 정의가 없어서인데, 즉 쉽게 말해 dist 폴더에 index.d.ts 파일이 없기 때문에 발생한 것이다. 그렇다면 라이브러리에 적합한 타입 정의를 주어(= index.d.ts 파일을 생성하여) TS 환경의 프로젝트에서도 사용가능하게 만들어야 한다. 우선 그렇다면 dist 폴더는 무엇이고 어떤 역할을 할까? distdistribution(유통, 배포)의 약자실제 운영 환경에서 사용되는 축소/연결 버전ts 환경의 프로젝트를 빌드하면 js 코드로 컴파일된 결과물이 dist 폴더에 담긴다. 배포된 라이브러리를 install 하여 사용할 때는 해당 라이브러리의..
배포
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)
Chromatic을 이용한 배포가 가장 쉽고 간편하다. 심지어 CI (지속적 통합), 즉 자동 배포를 지원한다. 그리고 채팅 응답률이 높고 신경을 많이 써주는 느낌을 받았다. (답장 안하니까 해결했는지 계속 물어보더라....) Visual testing & review for web user interfacesChromatic scans every possible UI state across browsers to catch visual and functional bugs. Assign reviewers and resolve discussions to streamline team sign-off.www.chromatic.com 설치npm install --save-dev chromatic 크로마틱..
