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 將無法看到它們。