Svelte - TypeScript 사용하기

TypeScript는 클래스 기반 객체 지향 프로그래밍 지원과 같은 JavaScript의 새로운 기능을 지원한다. 

Svelte에서도 TypeScript를 기본적으로 사용이 가능하다.  아래와 같이 TypeScript를 script 구문에 지정해서 사용하면 된다.

Svelte의 기본 Template인 github의 sveltejs/template를 이용하면, Javascript를 사용하는 기준으로 템플릿이 작성되어 있는데, TypeScript로 변환할 수 있는 방안이 템플릿안에 제공되는데 scripts 폴더 안에 setupTypeScript.js이다.

아래와 같이 명령을 실행하면, 템플릿 구조가 TypeScript를 사용하는 것으로 변경된다.

node scripts/setupTypeScript.js

 

App.svelte 파일에 들어가 보면, script 선언에 ts로 TypeScript가 지정되어 있는것을 알 수 있다.

이제 프로젝트에 필요한 모듈을 설치하면, 기본적으로 사용할 준비가 완료된다.

npm install