TypeScript Config (feat. tsconfig.json)

tsconfig.json 나 package.json 같은 설정파일은 프로젝트 최상단폴더에 위치하게된다.

 

이 설정파일을 만지작거려보려고한다. (히힛)

tconfig.json 이라는 이름의 json 파일로 설정파일을 만들어보았다.

나의 전글을 보았으면 compilerOptions부분은 알수도 있을것이다.....(설명구린거 알기에)

 

2번째줄은 src 하위 ts폴더에 타입스크립트를 주겠다!!!!

그리고 대체로 타입스크립트 프로젝트들은 Node.js기반으로 만들기 때문에 

--->노드 프로젝트 만들어주고

npm init -y

이러면 node_modules에 node package가 들어가게 되는데...

이패키지들은 파일스크립트 컴파일 대상에서 제외해주자

(5번째줄)

 

module에대한 옵션을 commonjs로 주고 이에 대한 루트는 src 로 정해주고

컴파일된 파일들이 만들어지는 최상위 폴더를 줄수 있는데 dist로 해준다.

target옵션은 es5로 해준다는 위의 내용들이다~~~~ 

 

모르지만 스치면서 많이 본거였는데 이런뜻이였구만....ㅎ

 

컴파일을 해보면????

-->tsc 만 치면된다... 별도의 설정은 tsconfig.json에서 했기에...ㅎㅎ

결과는 

설정과 같이 dist최상위 루트폴더에 형식대로 컴파일이 되었다...

es5형태로 되었네...

commonjs이기 때문이다. node프로그램으로 실행 시켜보면?

node dist/hello.js

계산에서 콘솔 3 찍어네네요 ㅎㅎ

 

호옥시나....혹시 commonjs 뭔지모른다면 모듈화에대해 모른다면

https://helloinyong.tistory.com/76 이거보셈... export import 할수 있는 원리 등 알면 좋고... 몰라도 되긴하지만...

왜 commonjs 가 노드에서 실행이 되는건지 등등...아몰랑

 

이런식으로 tsconfig.json에서는 타입스크립트 컴파일 관련된 설정을 보관하고 있다. 

package.json npm모듈이나 기타 설정을 보관하고 있기 때문에 이 두파일에대해서 자세히 알아볼 필요는 있다.