vscode 타입스크립트 컴파일 설정

1. 타입스크립트 설치

2. tsconfig설정

ts -> js로 변환해주는 컴파일을 해야한다.

//tsconfig.json 에서의 설정
{
  "compilerOptions": {
    "target": "es2016",
    "module": "commonjs",
    "sourceMap": true,
    "outDir": "build",
  },
  "include": ["first.ts"],
  "exclude": ["node_modules"]
}

• sourceMap : JS-TS 코드 매핑 정보를 포함, 디버깅할 때 JS파일에서 원래 TS소스 코드의 위치를 알려주는데 도움을 줌 (inlineSourceMap과 같이쓸 수 없음)
• outDir : 변환된 js파일의 저장 경로
• include : 해당 파일, 폴더안의 파일들을 지정해 줄 수 있고, 사용하지 않으면 전체 파일에 대해서 적용
  (ex. src/**/* : src안의 모든 파일)
• exclude : 해당 파일, 폴더안의 파일들을 제외

3. package.json에서 실행 스크립트 입력

    "scripts": {
      "start": "node ./build/first.js",
      "prestart": "tsc",
    }

• start: node에서 ./build/first.js 파일을 실행
• prestart: $npm run start하면 start를 실행하기 전 prestart를 실행하여 컴파일해줌

---

공부하며 정리&기록하는 ._. 씅로그