用于加载器的Webpack 4语法

Question

在Webpack 4中，模块规则用于查找某些文件类型并对其进行预编译，以便将它们捆绑到app.js文件中。测试条目中的语法虽然有点奇怪。这是什么类型的语法？

const path = require('path');

module.exports = {
    entry: path.join(__dirname, '/src/ts/app.ts'),
    output: {
        filename: 'app.js',
        path: __dirname
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                loader: 'ts-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: [".tsx", ".ts", ".js"]
    }
};

module.exports = config;

除了.tsx之外，如何理解其余部分，因此实际文件类型搜索/\和?$/的右侧和左侧部分？为什么我只定义测试.tsx文件而不测试ts文件？我不明白module.rules.test和resolve.extensions之间的区别。有人可以解释一下吗？