Rollup + React.js + Typescript 으로 NPM package 배포 하기

• 기존 npm 패키지를 여러 파일로 분리된 상태에서 하나의 번들로 합치기 위해 Rollup을 사용하여 번들링을 시도하였으며, 이를 통해 파일 크기 감소와 최적화를 기대하였다.

• package.json에서 React와 관련된 의존성을 peerDependencies로 이동하여 중복 설치 문제를 해결하고, Rollup 플러그인을 사용하여 Babel, CSS, TypeScript, Node.js 모듈 등을 처리하였다.

• Rollup을 통해 여러 개의 .js 및 .css 파일을 하나의 index.js로 번들링하는 과정에서 clsx 라이브러리와 관련된 eslint 오류가 발생하였다.

• 해당 eslint 오류를 해결하기 위해 stackoverflow를 참고하여 eslint를 비활성화하는 방법을 사용하였고, 이를 위해 rollup.config에 eslint-disable 설정을 추가하였다.