2025.12.02 - [개발] - [vite] vite로 라이브러리 빌드하기 [vite] vite로 라이브러리 빌드하기최근 제가 사이드 프로젝트로 진행하는 프로젝트에서 사용할 목적으로 UI 컴포넌트 라이브러리를 만들었습니다. UI 컴포넌트를 만들 때, 프로젝트를 vite의 react 템플릿을 사용하여 생성하였습니bobostown.tistory.com 이전에 vite로 라이브러리를 빌드한 경험을 포스팅으로 남겼는데요,라이브러리를 실제로 사용해 보니 다양한 버그에 부딪쳤습니다. 그중에서도 가장 심각했던 버그는 제네릭 컴포넌트에서 타입 추론이 제대로 동작하지 않는 것이었습니다. 문제상황예를 들어, 다음과 같은 컴포넌트가 있습니다: 이용약관 이 컴포넌트는 'p', 'span', 'label' 등 다양한..

최근 제가 사이드 프로젝트로 진행하는 프로젝트에서 사용할 목적으로 UI 컴포넌트 라이브러리를 만들었습니다. UI 컴포넌트를 만들 때, 프로젝트를 vite의 react 템플릿을 사용하여 생성하였습니다.vite로 라이브러리를 빌드할 때는 react web app을 빌드할 때와 달리 추가적인 설정이 필요합니다. 아래 제가 vite로 라이브러리를 build 하며 겪었던 과정을 말씀드리겠습니다. 라이브러리 entry point 만들어주기vite의 react 템플릿을 사용하여 프로젝트를 생성했을 때, vite는 index.html을 entry point로 하여 프로젝트를 빌드합니다.하지만 저희는 UI 라이브러리를 만드는 것이기 때문에 index.html이 존재하지 않습니다. 그래서 저는 src 디렉토리 하위에 ma..