타입스크립트와 Rollup은 현대적인 웹 개발에서 많이 사용되는 도구입니다. 타입스크립트는 정적 타입을 지원하여 코드의 안정성을 높이고, Rollup은 효율적인 번들링을 제공합니다. 이번 블로그 포스트에서는 타입스크립트와 Rollup 프로젝트를 테스트하는 방법에 대해 알아보겠습니다.

1. 타입스크립트 프로젝트 생성하기

먼저, 타입스크립트 프로젝트를 생성해야 합니다. 아래는 타입스크립트 프로젝트를 초기화하는 명령어입니다.

npm init -y
npm install typescript --save-dev
npx tsc --init

위 명령어를 실행하면 tsconfig.json 파일이 생성됩니다. 이 파일을 사용하여 프로젝트를 설정할 수 있습니다.

2. Rollup 설정하기

다음으로, Rollup을 설정해야 합니다. 먼저 Rollup과 필요한 플러그인을 설치합니다.

npm install rollup @rollup/plugin-commonjs @rollup/plugin-node-resolve rollup-plugin-typescript2 --save-dev

그리고 rollup.config.js 파일을 생성하여 Rollup 설정을 작성합니다.

import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import typescript from 'rollup-plugin-typescript2';

export default {
  input: 'src/index.ts',
  output: {
    file: 'dist/bundle.js',
    format: 'iife'
  },
  plugins: [
    resolve(),
    commonjs(),
    typescript()
  ]
};

3. 테스트 코드 작성하기

이제 테스트 코드를 작성합니다. src/index.ts 파일에 간단한 타입스크립트 코드를 작성해봅시다.

const greeting: string = 'Hello, World!';
console.log(greeting);

4. Rollup 빌드 및 실행

마지막으로 Rollup을 통해 프로젝트를 빌드하고 실행해봅시다.

npx rollup -c
node dist/bundle.js

위 명령어를 실행하면 Rollup이 설정에 따라 프로젝트를 번들링하고, 번들된 파일을 실행합니다. 콘솔에 “Hello, World!”가 출력된다면 성공적으로 테스트가 완료된 것입니다.

이상으로, 타입스크립트와 Rollup을 사용하는 프로젝트의 테스트 방법에 대해 알아보았습니다. 감사합니다.

참고 자료

• 타입스크립트 공식 문서
• Rollup 공식 문서