타입스크립트(TypeScript)는 정적 타입을 지원하는 JavaScript의 확장 언어로, 대규모 어플리케이션의 개발을 보다 안전하고 쉽게 만들어줍니다. Rollup은 ECMAScript 2015(ES6) 형태로 작성된 코드를 브라우저나 Node.js에서 실행 가능한 형태로 번들링할 수 있는 모듈 번들러입니다.

이 글에서는 타입스크립트와 Rollup을 함께 사용하여 라이브러리를 개발하는 방법에 대해 알아보겠습니다.

1. 프로젝트 설정

먼저, 프로젝트를 초기화하고 필요한 의존성 패키지를 설치합니다.

mkdir my-library
cd my-library
npm init -y
npm install typescript rollup rollup-plugin-typescript2

다음으로, tsconfig.json 파일을 생성하여 타입스크립트 설정을 추가합니다.

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "strict": true,
    "declaration": true
  }
}

2. 라이브러리 개발

라이브러리 코드를 src 디렉토리에 작성합니다. 예를 들어, src/index.ts 파일에 다음과 같은 코드를 작성할 수 있습니다.

export function greet(name: string): string {
  return `Hello, ${name}!`;
}

3. 빌드 설정

다음으로, Rollup의 설정 파일 rollup.config.js를 프로젝트 루트에 생성합니다.

import typescript from 'rollup-plugin-typescript2';

export default {
  input: 'src/index.ts',
  output: {
    file: 'dist/my-library.js',
    format: 'umd',
    name: 'myLibrary',
  },
  plugins: [
    typescript(),
  ],
};

4. 빌드 수행

마지막으로, 다음 명령어를 통해 라이브러리를 빌드합니다.

npx rollup -c

위 명령어를 실행하면 dist 디렉토리에 번들링된 라이브러리 파일이 생성됩니다.

이제 타입스크립트와 Rollup을 함께 사용하여 간단한 라이브러리를 개발하는 방법에 대해 알아보았습니다. 위 방법을 통해 안전하고 성능이 우수한 라이브러리를 개발할 수 있습니다.