typescript 프로젝트 환경설정

1. 패키지 구성

$ yarn init -y

2. TypeScript를 설치합니다.

// 전역적으로 설치
$ yarn global add typescript

// or

// 개발의존성 설치
$ yarn add -D typescript

3. tsconfig.json 생성 후 옵션 설정

{
  "compilerOptions": {
    "allowJs": true,
    "target": "ES5",
    "outDir": "./built",
    "moduleResolution": "Node",
    "lib": ["ES2015", "DOM", "DOM.Iterable"]

  },
  "include": ["./src/**/*"]
}

4. package.json 빌드 명령어 설정

...
"scripts": {
   // tsc 명령어는 자바스크립트 파일을 타입스크립트 파일로 변환해준다.
  "build": "tsc"
},
...

// 추후 아래 명령어를 통하여 tsconfig.json에서 설정한 outDir 폴더에 src폴더에 포함되는 모든 ts파일이 js 파일로 생성된다.
$ yarn build

참고자료

https://joshua1988.github.io/ts/config/tsconfig.html#%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%84%A4%EC%A0%95-%ED%8C%8C%EC%9D%BC-%EC%86%8D%EC%84%B1