webpack.config.js

module.exports = {
    entry: './src/index',
    output: {
        path: __dirname + '/build',
        filename: 'bundle.js'
    },
    module: {
        rules: [{
            test: /\.tsx?$/,
            loader: 'ts-loader',
            exclude: /node_modules/
        }]
    },
    resolve: {
        extensions: ['.ts', '.tsx']
    }
};

主要组件是（除了标准 entry，output 和其他 webpack 属性）：

装载机

为此，你需要创建一个测试 .ts 和 .tsx 文件扩展名的规则，将 ts-loader 指定为加载器。

解决 TS 扩展

你还需要在 resolve 数组中添加 .ts 和 .tsx 扩展，否则 webpack 将无法看到它们。