Синтаксис 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. Может кто-нибудь объяснить, пожалуйста?