gulp-typescript

gulp-typescript

gulp 를 이용하여 타입스크립트를 빌드하는 플러그인 입니다.

yarn add --save-dev typescript gulp gulp-typescript

gulpfile.js

타입스크립트를 빌드하기 위해 gulpfile.js 파일을 루트에 만들어줍니다.

import gulp from 'gulp';
import ts from 'gulp-typescript';
import concat from 'gulp-concat';

// tsconfig.json 에 정의한 옵션을 프로젝트로 리턴하여 사용합니다.
const tsCfg = ts.createProject('tsconfig.json');

// 아래와 같이 ts 를 js 로 컴파일 후, common.js 파일로 묶고 dist 폴더에 결과물이 저장됩니다.
gulp.task('merge', () => {
  return tsCfg.src()
    .pipe(tsCfg())
    .js.pipe(concat('common.js'))
    .pipe(gulp.dest('dist'));
});

tsconfig.json

간단한 tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "AMD",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": false,
    "declaration": true,
    "outDir": "./tsdist",
    "noImplicitAny": false
  },
  "include": ["src/*/*"],
  "exclude": ["node_modules"]
}