如何在 webpack 项目中使用测试运行器对 TypeScript 文件进行单元测试

【问题标题】：How to unit test TypeScript files with test runner in a webpack project如何在 webpack 项目中使用测试运行器对 TypeScript 文件进行单元测试
【发布时间】：2015-12-20 09:25:30
【问题描述】：

我有以下设置：

使用 webpack 和 ts-loader 构建过程
想要使用测试运行器（例如 Karma）对 TS 文件进行单元测试

如何在这个 webpack 项目中使用测试运行器对 TypeScript 文件进行最佳单元测试？对我来说，如何使用 js 项目做到这一点很明显，但需要一个经过验证的工作流程来应对这种情况。

【问题讨论】：

标签： unit-testing typescript karma-runner webpack ts-loader

【解决方案1】：

你可以在 webpack 中为你的测试文件创建一个单独的入口点，或者你可以在运行 webpack 之前编译 ts。我通常会选择后者

您可以使用命令tsc -p . 编译ts 项目，它将所有.ts 文件转换为.js 文件。然后你就可以去掉ts-loader，把所有东西都当作一个js文件。

【讨论】：

请注意，如果您还需要babel-loader 或类似的东西，您应该使用前者。