fengyun2 / tsc-react-webpack

tsc-react-webpack

目录结构

+- src/ | +- components | +- dist/

Install

init project

npm init

install dependencies

npm install -g typescript typings webpack

• webpack
• typings 是一个包管理器,它是用来获取定义文件的
• typescript

npm install --save react react-dom

npm install --save-dev ts-loader source-map-loader
npm link typescript

• ts-loader可以让webpack使用TypeScript的标准配置文件tsconfig.json编译TypeScript代码
• source-map-loader使用TypeScript输出的sourcemap文件来告诉webpack何时生成自己的sourcemaps
• 链接TypeScript，允许ts-loader使用全局安装的TypeScript，而不需要单独的本地拷贝。 如果你想要一个本地的拷贝，执行npm install typescript

使用typings工具来获取React的声明文件：

typings install --global --save "dt~react"
typings install --global --save "dt~react-dom"

--global标记，还有dt~前缀，告诉Typings从DefinitelyTyped获取声明文件，它是一个由社区维护的.d.ts文件仓库。 这个命令会创建一个名为typings.json的文件和一个typings目录在当前目录下。