[TS] 타입스크립트 ➡️ 자바스크립트 컴파일

✅ 타입스크립트 ➡️ 자바스크립트 컴파일 하기

터미널에 tsc main.ts 입력

타입스크립트 내용을 수정하고 저장하면 바로 자바스크립트 파일에 수정사항이 반영되지 않고 매번 컴파일을 거쳐야 한다.

이 과정이 번거로우면 watch mode 를 사용해서 ts에서 발생한 변경사항이 즉시 js에 반영되게 할 수 있다.

tsc main -w

watch mode 종료할 땐 Ctrl + c

✅ tsconfig.json

타입스크립트는 자바스크립트로 컴파일할 때 자동으로 컴파일되도록 할 수도 있지만, 설정해줄 수도 있다.

{
  "compilerOptions": {
    "rootDir": "./src", //소스 파일 안에서 root 폴더를 명시
    "outDir": "./build/js", //ts 컴파일 후에 어느 경로로 들어가는지 명시
    "target": "ES2015", //=ES6
    "noEmitOnError": true
  },
  "include": [ //소스 파일의 어디에서 타입스크립트 파일을 찾을 수 있는지 명시
    "./src/**/*.ts" //glob src 폴더 안에 모든 하위 경로 **, 모든 ts 파일 *.js
  ]
}

• "include": [] 에 작성된 위치에 있는 ts 파일만 컴파일된다.
• "noEmitOnError": true : 파일에 에러가 있을 때는 컴파일하지 않는 옵션

나머지 옵션들은 학습 후 추가 예정

🧶 컴파일 시 File 'main.ts' not found 오류 해결 방법

컴파일 오류 해결방법