Vsc & NodeJs 에서 Typescript 빌드

 

설치

2022.11.15 - Vsc에서 TypeScript 설치

 

빌드 테스트

테스트에 사용할 예제 소스파일

t1.html

<script src="t1.js"></script>

t1.ts

document.write("Hello Infos");

 

빌드방법1 - 콘솔 단일파일

특정 ts파일 지정해서 그 파일만 js로 빌드된 결과물을 만든다. 같은 폴더에 생성된다.

node_modules\.bin\tsc t1.ts

'2022.11.15 - Vsc에서 TypeScript 설치'에 참고

 

빌드방법2 - 콘솔 프로젝트폴더

프로젝트에 'tsconfig.json'이 준비되어 있으면 설정에 맞춰 프로젝트 폴더가 빌드 된다.
'2022.11.15 - tsc tsconfig.json 생성'

프로젝트 폴더에서 tsc만 실행하면 ts파일들이 빌드되어 dist폴더에 들어간다.

 

 

빌드방법3 - UI 작업실행

프로젝트에 'tsconfig.json'이 준비되어 있으면 설정에 맞춰 프로젝트 폴더가 빌드 된다.
'2022.11.15 - tsc tsconfig.json 생성'

 

기타

'tsconfig.json'파일에 주는 옵션으로 자동 갱신을 쓰면 편리하다.

'watch'는 실행중 상태로 유지되며 ts파일에 수정을 감지하여 컴파일을 갱신한다.