많은 프로젝트에서 외부 모듈(라이브러리)를 사용해야 합니다. 이 포스트에서는 타입스크립트와 Rollup으로 외부 모듈을 사용하는 방법에 대해 살펴보겠습니다.

타입스크립트에서 다른 모듈 사용하기

타입스크립트에서 외부 라이브러리를 사용하는 방법은 간단합니다. 외부 라이브러리를 설치하고 타입 정의가 필요한 경우에는 @types 패키지도 함께 설치합니다.

// 예시: lodash 라이브러리 사용
import _ from 'lodash'; // 외부 모듈 import

const result = _.add(3, 5); // lodash 함수 사용
console.log(result); // 8

Rollup으로 외부 모듈 번들링하기

Rollup은 타입스크립트 프로젝트에서 외부 모듈을 번들링하는 데 사용될 수 있습니다. Rollup은 일반적으로 다음과 같은 플러그인을 사용하여 외부 모듈을 처리합니다.

• rollup-plugin-node-resolve: 외부 모듈 해결
• rollup-plugin-commonjs: CommonJS 모듈을 ES6 모듈로 변환

다음은 Rollup 설정 파일 rollup.config.js의 간단한 예시입니다.

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

export default {
  input: 'src/index.ts',
  output: {
    file: 'dist/bundle.js',
    format: 'cjs'
  },
  plugins: [
    resolve(), // 외부 모듈 처리
    commonjs() // CommonJS 모듈을 ES6 모듈로 변환
  ]
};

위의 설정을 사용하여 Rollup은 타입스크립트 프로젝트에서 외부 모듈을 번들링할 수 있습니다.

이제 타입스크립트와 Rollup을 사용하여 외부 모듈을 프로젝트에 통합할 수 있게 되었습니다. 이러한 방법을 사용하여 프로젝트를 보다 효율적으로 구성할 수 있습니다.

참고: Rollup 공식 문서