8. Typescript Configuring

 

 

tsconfig.json 생성

• Typscript 설정 변경 파일 생성

tsc --init

 

 

• 감시 모드
• 변경 사항 저장 후, 컴파일 실행(tsc 파일명.ts) 없이도 자동 컴파일

tsc -watch // 모든 .ts 파일 적용
tsc -w 파일명.ts // 특정 .ts 파일 적용

 

 

• 다중 파일 컴파일
• tsconfig.json이 있는 폴더에서 tsc 선언시 모든 ts 파일 컴파일

tsc

 

 

• 특정 파일 컴파일
• files 옵션 - 컴파일이 필요한 파일 작성
• 소규모의 프로젝트에 적합

// tsconfig.json
"files": ["compile01.ts", "compile02.ts"]

// Terminal
tsc

 

 

• 특정 폴더 컴파일
• Include / Exclude 옵션 - 폴더 전체를 Include 후 불필요한 파일을 Exclude로 제외

보류.. 귀찮..

 

 

• outDir
• 컴파일된 .ts 파일 생성 위치
• Default로 .ts 파일 바로 옆에 생성
• dist 폴더에 생성

// dist 폴더 생성 ( mkdir dist )

{
  "compilerOptions": {
    "outDir": "./dist"
  }
}

 

 

• Lib(라이브러리)
• target의 런타임 환경을 설명하는 번들 라이브러리 선언 파일 지정
• 주석 Default - [ "DOM" ]
• target은 es2016으로 설정하되, 추가로 es2021의 인터페이스를 사용하고 싶을 경우에 적용

{
  "compilerOptions": {
    "lib": ["DOM", "ES2021"]
  }
}