Workflow & tsconfig.json

복잡한 개발하다보면 폴더를 분리해야 함

그런데 타입스크립트는 자바스크립트로 컴파일되어야되고 동일한 내용의 파일 A.js와 A.ts를 별도의 폴더로 분리한다고 해도

A.ts를 tsc로 컴파일하는 순간 동일 폴더에 또 A.js가 생겨버린다.

---

이러한 문제를 해결하기 위해,

ts를 js로 컴파일하며 작업을 진행할 때

별도의 폴더 관리를 tsconfig.json에서 설정할 수 있다.

---

tsconfig.json 생성

tsc --init

tsconfig.json

• 먼저 ts파일은 src에서 관리할 것

• 컴파일될 js파일은 public 에서
  (src폴더 밖에서 ts 만들어도 public에 js파일 생성)

• 만약 src폴더 내의 ts파일만 컴파일하고 싶다면
  tsconfig.json 파일로 가서 아래의 prop을 추가

실행

이제 tsc --w 로 src폴더 내의 ts파일의 변화를 감지하여 js파일로 컴파일함

• sandbox.ts

• sandbox.js

---

참고 : https://www.youtube.com/watch?v=Y4IiQY9dNRA&list=PL4cUxeGkcC9gUgr39Q_yD6v-bSyMwKPUI&index=7