tsconfig

tsconfig.json

{
	"compilerOptions": {
		"target": "es5", // 어떤 버전의 js로 컴파일 할건지
		"module":"commonjs",
		"sourceMap": true , // browser에서 ts파일을 직접 디버깅 할 수 있게 sourcemap파일 생성
		"outDir": "./dist", // 컴파일했을때 결과물이 저장될 디렉토리
		"rootDir":"/.src", // 컴파일될 루트 디렉토리 지정
		"removeComments":true, // 컴파일 시 주석 삭제
		"noEmitOnError":false // default=false -> true일때 ts에 에러가 있을시 컴파일을 멈추고 js파일을 생성하지 않는다.
		"strictNullChecks":true // null 값을 잠재적으로 가질 수 있는 값에 에러표시


	}
}

outDir 옵션을 ./dist로 하고 컴파일 하면 폴더 디렉토리까지 그대로 dist에 생성 된다

주의 할점

rootDir옵션을 사용하지 않고 src 디렉토리 외부에 다른 ts파일이 있다면
컴파일 했을시 src 폴더 자체도 컴파일에 포함되어 dist에 들어가게 된다.

compilerOptions에 rootDir 옵션을 만들어주고 다시 컴파일하면

{
	"compilerOptions": {
		...
		"rootDir":"./src"
	}
}

src 폴더 내부의 파일만 컴파일 되어 dist에 들어 가게 된다