타입스크립트(TypeScript)는 많은 JavaScript 프로젝트에서 유용한 도구로 사용되고 있습니다. Rollup은 강력한 모듈 번들러로, 타입스크립트 프로젝트를 번들링하는 데 사용될 수 있습니다. 하지만 두 가지를 함께 사용할 때 몇 가지 주의해야 할 점이 있습니다.

1. 타입 정의 파일

타입스크립트는 .d.ts 확장자를 가진 타입 정의 파일을 사용하여 외부 라이브러리의 타입 정보를 가져올 수 있습니다. 하지만 Rollup은 이러한 타입 정의 파일을 인식하지 못할 수 있습니다. 따라서 타입스크립트에서 noEmitDeclaration 옵션을 true로 설정하여 타입 정의 파일을 삭제하거나, Rollup 플러그인을 추가하여 타입 정의 파일을 번들에 포함해야 합니다.

2. 소스 맵

타입스크립트에서 컴파일된 코드는 보통 소스 맵과 함께 생성됩니다. 소스 맵은 디버깅을 도와주는 데 유용하지만, Rollup에서는 소스 맵을 지원하지 않는 플러그인을 사용할 수 있습니다. 이 경우 Rollup의 설정을 조정하여 소스 맵을 제거하거나, 소스 맵을 유지한 채로 Rollup 플러그인을 추가하여 이 문제를 해결할 수 있습니다.

3. 컴파일 옵션 충돌

타입스크립트와 Rollup은 각각의 컴파일 옵션을 가지고 있을 수 있습니다. 이러한 옵션들이 충돌하면 문제가 발생할 수 있습니다. 따라서 둘 사이의 일관된 컴파일 옵션을 유지하거나, 필요한 경우에는 서로에게 맞게 조정해야 합니다.

이러한 주의사항을 고려하여 타입스크립트와 Rollup을 함께 사용하면 더 원활한 프로젝트 관리가 가능합니다.

자세한 내용은 타입스크립트 공식 문서와 Rollup 공식 문서를 참고하세요.