TidoryContainer

Documents

DocumentsContent

Typescript

타입스크립트

자바스크립트가 아닌 타입스크립트를 사용하고 싶나요? 타입스크립트는 마이크로소프트에서 제작한 확장언어입니다! 간단하게 타입스크립트 사용을 설정할 수 있습니다.
아래의 문서는 과정을 설명한 것입니다. 빠르게 시작하려면 https://github.com/pronist/tidory-typescript-template를 참고하세요.

설치하기

타입스크립트를 사용하기 위해 typescript, ts-loader를 설치합니다.

% npm install --save-dev typescript ts-loader

타입 선언

타입스크립트의 타입문제를 해결하기 위해 @types/node, @types/webpack, @types/webpack-env를 추가로 설치합니다.

% npm install --save-dev "@types/node" "@types/webpack" "@types/webpack-env"

Tidory/build/webpack.base.conf.js

webpack.base.conf.js 파일에서 엔트리 파일을 *.ts파일로 변경하고 타입스크립트 로더를 설정합니다.
 webpack.base.conf.js
			
entry: './webpack.entry.ts',
module: {
	rules: [
	  {
		test: /.tsx?$/,
		loader: 'ts-loader',
		exclude: /node_modules/
	  },
	  // ...
	]	
}

Tidory/webpack.entry.ts

이제 webpack.entry.js대신에 webpack.entry.ts를 사용할 수 있습니다!

Tidory/tsconfig.json

마지막으로 타입스크립트 설정파일인 tsconfig.json을 작성합니다.
 tsconfig.json

{
	"compilerOptions": {
		"module": "es2015",
		"noImplicitReturns": true,
		"sourceMap": true,
		"noImplicitAny": true,
		"moduleResolution": "node",
		"baseUrl": ".",
		"target": "es5",
		"allowSyntheticDefaultImports": true,
		"lib": [
		  "dom",
		  "es5",
		  "es2015.promise"
		],
		"paths": {
			"*" :[ 
				"src/types/*"
			]
		}
	}
}