typescript setting

윤영훈·2020년 10월 4일
0

Typescript

목록 보기
1/1
  1. yarn init으로 package.json 만들기
  2. tsconfig.json 파일 생성 - TypeScript에게 어떻게 JavaScript로 변환하는지 알려주면서 몇몇 옵션울 주기 위해

tsconfig.json

{
  "compilerOptions": {
    "module": "commonjs", // node.js를 평범하게 사용하고 다양한걸 import하거나 export 할 수 있게 만드는거
    "target": "ES2015", // 어떤 버전의 JavaScript로 컴파일 되고 싶은지 적는거
    "sourceMap": true // 소스맵 처리를 하고 싶은지
  },
  "include": ["index.ts"], // 어떤 파일들이 컴파일 과정에 포함되는지 알려주는것
  "exclude": ["node_modules"] // 제외
}

명령어
tsc - ts파일에 있는 이 코드를 컴파일 해서 index.js랑 index.js.map을 만들어 줌

tsc명령어를 사용하는 대신 yarn start를 사용하기 위해

pakage.json에 추가

"scripts": {
    "start": "node index.js",
    "prestart": "tsc"
  },

Node.js는 TypeScript를 이해하지 못하기 때문에 일반적인 JavaScript 코드로 컴파일하는 작업이 필요하다.

profile
리액트를 좋아하는 개발자입니다.

0개의 댓글