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 } 입력.