[ TypeScript ] Compile 옵션

한대희·2023년 5월 27일
0

TypeScript

목록 보기
1/13
post-thumbnail
post-custom-banner

Compile

  • Compile이란 프로그래밍 언어로 작성된 코드를 컴퓨터가 이해할 수 있도록 바꿔 주는 것을 의미한다.
  • 타입스크립트 파일은 자바스크립트 파일로 컴파일 해주는 과정이 필요하다.
  • 따라서 컴파일을 어떻게 해줄 것인지를 설정해 줄 수 가 있는데, tsconfig.js파일에서 설정을 해주면 된다.
  • 아래는 핵심이 되는 옵션들이다.
{
  // 😀 compilerOptions는 컴파일 할 때 어떻게 할 것인지를 구체적으로 정해 주는 여러 옵션들을 지정해 주는 것
  "compilerOptions": {
    // 😀 target은 타입스크립트 파일을 컴파일한 결과인 자바스크립트의 버전을 뭘로 해줄 것인지를 정해 준다.
    "target": "es2016",                                 

    // 😀 module옵션은 우리가 모듈을 import 해오고 export하는 방식을 결정하는 옵션이다.
    "module": "commonjs",
    
    // 😀 outDir옵션은 컴파일 된 js파일이 어디에 저장되게 하고 싶은지를 정해 준다.
    "outDir": "dist",                            

    // 😀 strict옵션을 true로 주면 아주 엄격한 타입 체크가 일어난다.
    "strict": true,
    
    // 😀 moduleDetection 옵션을 force로 주면 개별 ts파일들을 개별 모듈로 취급해 준다. 
    "moduleDetection": "force"
    
    // 😀 strictNullChecks 옵션을 false로 주면 우리가 예를들어 number타입으로 지정한 변수라도 임시로 null 값을 넣을 일이
    // 있을 수 있는데 이때 오류가 나지 않게 해준다.
    "strictNullChecks": false
  },
  "ts-node" : {
    "esm": true
  },
  // 😀 inclue 옵션은 컴파일할 타입스크립트 파일의 범위를 설정할 수 있다.아래와 같이 입력하면 tsc src/index.ts 처럼 일일히 컴파일 해주지 않고, 터미널에 tsc만 입력하면 src폴더 안에 모든 타입스크립트 파일이 컴파일 된다.
  "inclue" : ["src"]

}
profile
개발 블로그
post-custom-banner

0개의 댓글