이번 포스팅에서는 타입스크립트와 Rollup을 사용하여 프로젝트를 설정하는 방법에 대해 알아보겠습니다. 먼저 타입스크립트와 Rollup을 각각 설치한 뒤 기본적인 설정을 해보겠습니다.

타입스크립트 설치

먼저 타입스크립트를 설치해야 합니다. 타입스크립트는 JavaScript에 타입을 지원하는 언어입니다.

npm install typescript --save-dev

위 명령어를 통해 타입스크립트를 프로젝트에 설치할 수 있습니다.

Rollup 설치

다음으로 Rollup을 설치합니다. Rollup은 JavaScript 모듈 번들러로, 프로젝트의 소스 코드를 하나의 파일로 묶어주는 역할을 합니다.

npm install rollup --save-dev

위 명령어를 통해 Rollup을 프로젝트에 설치할 수 있습니다.

Rollup 플러그인 설치

Rollup을 사용하기 위해서 몇 가지 플러그인을 추가로 설치해야 합니다. 가장 일반적으로 사용되는 플러그인은 rollup-plugin-typescript2입니다.

npm install rollup-plugin-typescript2 --save-dev

이 플러그인은 Rollup에서 타입스크립트를 사용할 수 있게 해줍니다.

이제 타입스크립트와 Rollup을 프로젝트에 설치하여 기본적인 설정을 완료했습니다. 다음으로는 각 도구를 활용하여 프로젝트를 빌드하는 방법에 대해 알아보겠습니다.

본 문서는 다음 문서를 참고하여 작성되었습니다.

• https://www.typescriptlang.org/
• https://rollupjs.org/