先看下項目目錄
src：文件夾為ts/tsx文件存放目錄
dist：ts文件編譯后得js存放目錄
package.json：npm包配置文件
tsconfig.json：typescript配置文件
webpack.config.js：webpack配置文件
首先下載依賴包
全局包
npm install webpack ?typescript -g
本地包
npm install typescript awesome-typescript-loader source-map-loader --save-dev
tsconfig.json 配置
詳細參數解說，請參照：使用gulp實現typescript得自動化編譯
下面配置webpack.config.js
其中：awesome-typescript-loader是用來編譯ts文件得，也可以使用ts-loader,兩者之間得區別，請參考：awesome-typescript-loader & ts-loader
配置完畢后，在src隨便寫一個ts，比如index.ts
然后運行命令：
webpack
此時就會編譯成功
查看dist文件夾 就可以看出編譯好得js
