如何在 webpack、babel 和 react 中使用 mocha答案

【问题标题】：How to use mocha with webpack, babel and react如何在 webpack、babel 和 react 中使用 mocha
【发布时间】：2016-04-07 01:00:05
【问题描述】：

我想开始使用代码库进行 TDD（通过 CLI），该代码库使用 react jsx 和 webpack 以及 babel-loader 进行捆绑。

Jest 用起来太慢了，而且很难通过 CLI 使用 nodeunit、mocha 或 jasmine，因为我需要先将 jsx 转换为 js。

我真的很喜欢我看到的here 的解决方案（使用 mocha 的 --compile 选项通过 babel 传递代码，显示在 1:49），但它的工作方式与视频中显示的不太一样。我的金丝雀测试在 import 关键字上失败了，所以很明显 babel 无法转译 ES6，更不用说 jsx了。

有谁知道如何使用 mocha 的 --compile 选项通过 babel 转译器成功传递每个 jsx 文件及其依赖项？还是其他解决方案，例如 jest，但性能要好得多？

【问题讨论】：

【解决方案1】：

所以视频中的代码不再起作用的原因是因为 babel 已将 register 重构到它自己的模块中。而不是使用 babel/register 使用 babel-register（你必须单独安装这个包）。

【讨论】：