Typescript 中的 import/require 和 reference 标签之间的区别是什么

Question

我正在尝试使用 Mocha 测试一些前端 Typescript 代码。问题是，我在 Webstorm 中使用用于智能感知的 Typescript 参考标签来解析我的前端代码。我必须使用 requireJS 在浏览器中加载文件，因为引用标签不会这样做。到目前为止，我能够做到。

但是，我想用 Mocha 测试代码 - 这就是问题的开始。 Mocha 测试文件似乎与正在测试的代码无关，除非它使用 import/require 语句导入，即使已经添加了 Typescript 参考标签。如果，我尝试将正在测试的ts文件中的代码导出，并在Mocha单元测试文件中导入，那么其他包含前端代码的ts文件就无法解析了。

考虑这种情况：

TS File A references TS File B using Typescript reference tags.
Mocha Unit Test X tries to reference TS file B using reference tags, which does not work.
Mocha Unit Test X tries to reference TS file B using import/require statments, which requires that code in TS file B be "exported".
If TS file B is "exported" then File A can't reference it anymore.

我有点被困在即将出现的荒谬依赖管理系统中，因为我试图用 Mocha 测试一个 Typescript/NodeJS 项目。请帮助我了解依赖项在此处的工作原理以及如何对其进行整理/简化。

如果有适合此类项目的更好且同样强大的框架可以提供单元测试（和端到端测试），请提出建议。

Answer 1

最简单的解决方案：在前端使用 AMD（不是引用合并），在 mocha 上使用 CommonJS。明显的缺点是你需要编译你的代码两次，一次是在运行前端时，一次是在运行 mocha 时。 mocha case 生成的 JS 会和 frontend case 生成的 JS 不同。您可能想使用--outDir 来区分这两种情况。