타입스크립트 03. 컴파일 자동으로 (watch mode), tsconfig.json

watch mode

---

 

타입스크립트를 사용하면 변경 사항이 생길 때마다 터미널에 tsc 파일명.ts을 입력해줘야 브라우저 상에서 제대로 작동하는지 확인할 수 있다. 

 

 

이 작업이 번거롭다면 watch mode를 사용하면 된다.

 

 

터미널에 

 

tsc 파일명.ts -w 혹은

tsc 파일명.ts --watch 를 입력하면

 

 

다음과 같은 문구가 출력되고 변경 사항이 생길 때마다 자동으로 컴파일된다. 하지만 하나의 파일에만 적용할 수 있는 모드이기 때문에,

큰 프로젝트에서는 잘 사용되지 않는다.

 

그러면 파일이 여러 개일 경우에는 어떻게 할까?

 

 

두 개 이상의 ts 파일의 컴파일이 필요한 경우에는

 

터미널 상에 파일들이 존재하는 폴더(정확한 경로를 지정해야 함)에서 

tsc --init 를 입력한다.

 

그러면 tsconfig.json 파일이 생기는데, 세부 사항은 따로 볼 필요가 없다. (아직은)

이제 우리는 tsc 파일명.ts 가 아닌 tsc 로 모든 ts 파일을 한 번에 컴파일할 수 있다.

 

물론 tsc -w를 입력해서 모든 파일에 watch mode를 실행시킬 수 있다.