이번에 포스팅을 할 내용은 typescript 에서 tsc-watch 를 셋팅하는 것입니다.
https://www.npmjs.com/package/tsc-watch
모듈에 대해서는 위의 주소를 보시면 아실꺼구요.
이 tsc-watch를 사용하는 이유는 node에서 nodemon이 있다면 typescript 에서는 tsc-watch를 사용한다고 생각을 하시면 됩니다.
그리고 보통 시작을 할때 package.json에 scripts 영역에서
"prestart": "tsc" 를 사용하는데 이것을 없애고 간단하게 사용하실 수 있습니다.
기존에 사용방법
"scripts": {
"start": "node index.js",
"prestart": "tsc"
},
모듈을 인스톨하고 난 다음에 하는 사용방법
"scripts": {
"start": "tsc-watch --onSuccess \" node index.js\" "
},
그리고 yarn start 후의 모습을 보면
위의 모양처럼 예쁘게 나온답니다. ^^
[React] create-react-app 으로 프로젝트 생성 (0) | 2022.04.15 |
---|---|
[react] Mac 에 설치하기 (0) | 2022.04.15 |
[TypeScript] Class 사용하기 (0) | 2022.03.07 |
[TypeScript] Interface 사용하기 (0) | 2022.03.07 |
TypeScript 의 주요 타입 (0) | 2021.10.11 |