配置 Webpack 执行 TypeScript + Mocha 测试

Question

我想配置 webpack 将用 typescript 编写的（mocha + chai）测试转换为 javascript，然后执行它们。为此，我有下面的webpack.test.config.js文件。注意：我目前已将 webpack 配置为使用ts-loader和mocha-loader。

不幸的是，当我执行时webpack --config webpack.test.config.js --env.dev，我收到错误：

模块解析失败：意外的标记 (2:10) 您可能需要适当的加载程序来处理此文件类型。

如何解决这个错误并实现我上述的目标？

const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const outputPath = './bin/test';

module.exports = env => {
  return {
    mode: env && env.pro ? 'production' : 'development',
    context: path.resolve('src'),
    entry: {
      core: './test/typescript/core.spec.ts'
    },
    output: {
      filename: '[name].js',
      path: path.join(__dirname, outputPath)
    },
    devtool: 'source-map',
    plugins: [
      new CleanWebpackPlugin({
        dry: true,
        cleanOnceBeforeBuildPatterns: ['./bin/test/**/*']
      })
    ],
    module: {
      rules: [
        {
          test: /\.spec\.tsx?$/,
          use: ['mocha-loader', 'ts-loader'],
          exclude: /node_modules/
        }
      ]
    },
    resolve: {
      extensions: ['.tsx', '.ts', '.js']
    }
  };
};