webpack 配置 typescript

npm install webpack-cli@3.1.2  webpack@4.25.1 --save-dev  

npm install ts-loader@5.3.2  typescript@3.2.2 --save-dev

根目录下 创建 tsconfig.json

{

    "compilerOptions":{

        "outDir": "./dist",

        "module":"es6",

        "target": "es5",

        "allowJs": true

    }

}

根目录下 创建 webpack.config.js

根目录下 创建 webpack.config.js

    const path = require("path");

    module.exports = {

        mode:'production',

        entry:'./src/index.tsx',

        output: {

            filename:'bundle.js',

            path:path.resolve(__dirname,'dist')

        },

        module:{

            rules:[

                {

                    test: /.tsx?$/,

                    use:'ts-loader',

                    exclude:/node_modules/

                }

            ]

        }

    }

-------