본문 바로가기

라이브러리2

리액트 라이브러리 npm에 배포하기 with rollup 여러 repository에서 동일하게 사용하는 component와 custom hook이 늘어나면서 관리에 많은 공수가 들었다. 코드 하나를 수정하면 다른 프로젝트에도 똑같이 반영하고, 새 프로젝트를 시작할 때마다 똑같은 코드를 옮겨야 했다. 이러한 비효율적인 작업을 개선하기 위해 여러 프로젝트에 걸쳐 사용하는 컴포넌트와 커스텀 훅을 라이브러리로 만들어 npm에 배포하여 사용하기로 했다.프로젝트 세팅패키지 매니저로는 개발자 경험에 이점이 있는 pnpm을 사용했다. pnpm init 먼저 package json에서 npm 배포에 중요한 부분만 설정했다. package.json의 각 항목은 다음과 같은 역할을 한다. name npm에 배포될 라이브러리의 이름 version 라이브러리의 버전 Semantic .. 2024. 1. 31.
~모듈에 내보낸 멤버 ~이(가) 없습니다.ts(2305) No exported member 'css' in module 'styled-components ts(2305) '"styled-components"'모듈에 내보낸 멤버 'css'이(가) 없습니다.ts(2305) 먼저 @types/styled-components를 package.json에 있는지 확인해봤다. @types/styled-components 추가해주고 다시 확인해봤지만 에러는 그대로였다. styled-components를 제대로 불러오고 있는지 확인해봤다. 해당 라이브러리가 아니라styled-components.d.ts파일을 가리키고 있었다. 라이브러리 이름과 파일명이 일치하고 있다는 것을 깨달았다. 파일명을 styled.d.ts로 바꾸고, yarn 명령어 입력 후 다시 확인했다. yarn s.. 2023. 9. 16.