您现在的位置：首页 >> 前端 >> 内容

webpack系列之编译typescript的实例教程

时间：2018/4/8 14:03:24 点击：

　　核心提示：1.下载tsloadernpm install webpack typescript ts-loader awesome-typescript-loader--save-dev配置webpack.co...

1.下载tsloader

npm install webpack typescript ts-loader awesome-typescript
-loader  --save-dev

配置webpack.config.js

module.exports={
    entry:{
        'app':'./src/app.ts'
    },
    output:{
        filename:'[name].bundle.js'
    },
    module:{
        rules:[
             {
                test:/\.tsx?$/,
                use:{
                    loader:'ts-loader'
                }
             }
        ]
    }
}

配置tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "allowJs": true

    },
    "include": [
        "./src/*"
    ],
     "exclude": [
         "./node_modules/"
     ]
}