TypeScript :: 설치 및 옵션 설정

 

설치 및 옵션 설정

 

프로젝트에서 타입스크립트를 사용할거라면 -g를 붙여주자. :)

 

 

우선 src와 dist 폴더를 만들자.

src는 ts파일이 위치할 폴더이고,

dist는 컴파일한 파일들(js)을 넣어줄 폴더이다.

 

 

루트디렉토리에 tsconfig.json 파일을 만들어

어떻게 컴파일할지 옵션을 설정한다.

target: ES5 >> ES5버전의 자바스크립트로 컴파일

outDir >> dist 디렉토리는 컴파일 하지 않음

 

include: 컴파일 과정에 포함할 파일들 (src에 들어있는 모든 파일들을 컴파일)

exlucde: 컴파일 과정에 포함하지 않을 파일들

 

 

---

index.ts를 index.js로 컴파일하기

 

터미널에 tsc 명령어를 입력하자.

전역설치가 아니라면 npx tsc를 사용하면 된다.

터미널에서 tsc를 입력하면,

ts파일을 컴파일해서 js파일이랑 js.map파일을 만들어준다.

😳😳

 

 

---

노드에서 타입스크립트를 실행해보자.

tsc

node dist/index.js

 

 

console.log('hello')가 제대로 출력된 것을 확인할 수 있다.

😁