[TS] Chapter 3. Typescript 컴파일러 및 구성

변진상·2023년 5월 25일
0

Typescript 학습

목록 보기
5/13
post-thumbnail

Chapter3 목표: Typescript 컴파일러 및 구성 중 컴파일 대상 파일 지정하기

watch mode

파일을 변경할 때마다 일일이 컴파일하는 불편함을 해결할 수 있는 모드이다.

tsc [filepath] -w

그런데 이또한 여러 파일을 한 번에 컴파일하기 불편하다.

TS 프로젝트 초기화: tsc --init

다른 방법으로는 프로젝트 디렉토리가 타입스크립트 프로젝트라고 알려줄 수 있는 방법이다.

tsc --init

이 명령어를 실행하면 tsconfig.json 파일이 생성된다. 이 파일에서는 TS에 대한 여러 설정과 프로젝트 디렉토리 경로에 대한 설정이 있다. 그래서 컴파일을 진행할 때도 파일들의 경로를 지정하지 않고 tsc -w 명령어로만 관찰모드로 파일들을 컴파일할 수 있다.

TS 프로젝트에서 파일 관리 제외하기(exclude)

TS프로젝트에서 관리 대상에서 파일을 제외 할 수 있는데, 이는 프로젝트를 전반적으로 관리하기 위한 tsconfig.json 파일내에 exclude option을 줌으로써 제외할 수 있다. exclude라는 옵션은 관리 제외할 파일들의 경로를 담은 array를 value로 요구한다. 이에 등록한 파일들은 tsc 명령어를 이용한 전체 컴파일의 대상에서 제외된다.

실질적으로 node_modules 안에 있는 파일들을 컴파일 할 필요가 없기 때문에 이 폴더 내 모든 파일을 컴파일 대상에서 제외하는 것이 좋다. 그러나 exclude 옵션을 아예 지정하지 않을 경우 디폴트하게 제외 되어 있으나 exclude 옵션을 이용해 다른 파일을 제외한다면 위와 같이 node_modules 디렉토리도 제외 대상으로 명시해줘야한다.

TS 프로젝트에서 관리할 파일 지정(include)

주의해야하는 점

include 옵션의 경우, include 옵션에 명시된 대상만 컴파일 대상으로 한다. 만약 app.ts 파일을 적어둘 경우 analystics.ts 파일은 컴파일 대상에서 제외된다. 이를 주의해야한다.

exclude와 include의 경우 glob pattern을 사용할 수 있으나 files는 구체적인 파일들의 이름을 설정해야한다. files 옵션은 다른 두 옵션을 무시한다.

profile
자신을 개발하는 개발자!

0개의 댓글