[TypeScript] 업데이트 자동 감지 및 컴파일 하는 방법

안녕하세요.

이번 시간에는 TypeScript 파일이 업데이트 되면 자동으로 업데이트를 감지해서 JavaScript 파일로 컴파일 할 수 있도록 하는 방법에 대해서 알아보겠습니다.

TypeScript 파일의 업데이트를 자동 감지해서 JavaScript 파일로 컴파일 하려면 다음 명령어를 사용합니다.

$ tsc app.ts -w

위 명령어는 하나의 파일 app.ts에서만 동작하게 됩니다. 만약 여러개의 typescript 파일이 있다면 다음 명령어를 사용해서 해당 프로젝트 전체의 typescript 파일들을 자동 컴파일 해줍니다.

$ tsc --init

이 명령어를 사용하면 tsconfig.json 파일이 생성됩니다. 따로 설정할 필요는 없으며 다음으로 모든 typescript 파일들을 자동 감지해서 javascript 파일로 컴파일 하려면 다음 명령을 사용합니다.

$ tsc -w

tsconfig.json 파일을 설정해서 컴파일 하려는 파일과 컴파일에서 제외할 파일을 설정할 수 있습니다.

{
  "compilerOptions": {
    ...
    ...
  },
  "exclude": [...],
  "include": [...],
  "files": [...],
}

exclude에서는 컴파일에서 제외할 파일 예를 들어 "node_modules"를 지정할 수 있습니다. 참고로 "node_modules"는 기본 옵션으로 컴파일에서 제외되므로 따로 지정할 필요는 없습니다.

include를 비워 놓으면 전체 typescript 파일을 컴파일 하게 됩니다. 폴더를 지정하거나 파일을 지정할 수 있습니다.

files는 각각의 파일들을 지정해서 컴파일 할 때 사용합니다. 주로 소규모 프로젝트 아니면 사용할 일이 없습니다.

이렇게 TypeScript 파일을 자동으로 JavaScript 파일로 컴파일 할 수 있도록 하는 방법에 대해서 알아봤습니다.

유용하셨다면, 공감과 구독 부탁 드립니다.

감사합니다. :)

댓글