TypeScript config 파일 설정 및 의미

TypeScript  config 파일 설정 및 의미

{

  "compilerOptions": {

    "target": "ESNext", // 어떤 버전의 JavaScript로 변환할지를 결정

    "module": "ESNext", // TypeScript 코드가 어떤 모듈 시스템을 사용할지를 결정

    "outDir": "dist", // js로 변환하는 파일을 원하는 dir에 저장

    "strict": false, // 엄격한 typescript의 검사강도 조절가능

    "moduleDetection": "force", // force로 설정하면 모든 파일이 모듈로 간주됩니다.

(원래 exports 등을 통해서 개별성을 확보하지 않으면 다른 파일 같은 변수에서 에러 발생함)

    "skipLibCheck": true  //'undici-types 오류 방지

  },

  "include": ["src"] // 한꺼번에 js 변환가능하도록 함.

}

 

---

ts-> js로 로드

 

tsx를 설치해서 ts-node를 대체하고서

앞으로 ts-> js로 로드는

tsc 명령어로 실행한다.

 

js파일 출력은 아래 내용으로

> node src/index.js
2Hello Typescript

---

ts파일 출력은 ts-node가 아니라 tsx로 사용하자.

설치 확인까지 마쳤다면 이제 tsx를 이용해 타입스크립트 파일을 실행하겠습니다. 다음 명령어를 터미널에 입력합니다. 앞서 tsc를 이용했을 때와 비교해 tsc 명령어를 tsx로 교체한 것 과 같습니다.

1> tsx src/index.ts
2Hello TypeScript

---

https://ts.winterlood.com/6c9bf87f-6a8f-4e96-95b4-5e12d9f82165#c8a5f8ebaa7d4692a90e3d743bb21dea

Hello TS World - 타입스크립트 개론