Typescript

230530 Typescript 컴파일링 옵션* 설정

hyerin1201 2023. 5. 30. 12:00

옵션설정하기 위해 터미널에 

==> tsc --init : 컴파일링 옵션을 볼 수 있도록 하는 명령어  -> tsconfig.json 파일 생김

 

옵션 살펴보기 (tsconfig.json 파일)

  • "include": [ ] 컴파일링 하고자 하는 파일이 위치한 경로 설정하는 옵션
  • "target": 타입스크립트를 컴파일링 해서 생성되는 자바스크립트의 버전을 설정하는 옵션 (*ES6) (ESNext : 가장최신버전)
    - 독립적으로 사용불가 compilerOptions 안에 작성. 
  • "module": 타입스크립트는 모듈타입으로 사용가능 블록처럼 합쳐서 사용가능, 이때의 방식을 어떤 방식으로 가져갈 것인지 설정 (*타입스크립트의 모듈 종류는 *크게 2가지 CJS : commonJS*구문이복잡  / ESM : Ecmascript Module (ESNext : 가장최신버전))  
    - 독립적으로 사용불가 compilerOptions 안에 작성
  • "outDir": 컴파일링된 JS파일을 어느위치에 저장할 것인지 설정하는 옵션 
     - 독립적으로 사용불가 compilerOptions 안에 작성
  • "strict": 컴파일링을 할때 얼만큼 엄격하게 할지 결정하는 옵션 (*가장많이 사용하는 옵션)
    - true / false
    - 독립적으로 사용불가 compilerOptions 안에 작성
  • "moduleDetection": 각각의 ts 파일을 독립된 개별 모듈로 인식시키도록 하는 옵션 -> "force"
     - 독립적으로 사용불가 compilerOptions 안에 작성 
    - pakage.json 파일에 "type": "module" /  tsconfig.json 파일에 "ts-node": { "esm": true } 입력.