如何在不经过构建周期的情况下设置具有多级依赖关系图的 Typescript 单存储库？

Question

我有一个包含 3 个包的 typescript mono-repo，如下所示：

• 包 A：一个 React 单页应用程序，它使用包 B 和 C。
• 包 B：使用包 C的 UI 库。
• 包 C：具有第 3 方依赖项的实用程序包。

我的目标是在开发过程中每次更改依赖项后避免构建周期，因此我想直接使用包 B 和 C 的打字稿源代码，并可能享受 HMR（热重载）。

这是漫长的一天。

如果你想避免我对迄今为止不同尝试的描述，请跳到最后两段，直接跳到问题。

我的一天从在tsconfig.json定义路径字段开始：

{
  "compilerOptions": {
    ...,
    "baseUrl": "../",
    "paths": {
      "@package-b": ["path-to-package-b"],
      "@package-c": ["path-to-package-c"]
    }
  },
}

我很快意识到我必须留下create-react-app ，因为它不支持路径 alias 。 尝试使用不同的 CRA 重新布线技术导致我遇到了可怕的无效钩子调用，这意味着react不知道如何解析不同版本的react-dom 。 调整noHoist并没有帮助解决它，也没有按照他们的文档中的建议进行符号链接。

总结随后的尝试：

• 我试过使用yalc 。 当与create-react-app一起使用时，它似乎仍然需要一个构建周期，因为 CRA 不编译依赖项。
• 我尝试过自定义webpack构建。 没有成功使它工作。 确实花了很多时间让资产加载器识别我的图像。
• 我试了一下snowpack 。 与名为@fluentui/react的 3rd 方有问题，它无法编译并导致我遇到一个未解决的问题。 我意识到我必须分叉并调查它才能继续并决定继续前进。
• 我什至研究了使用bindfs硬链接目录，但似乎您需要macFuse它在安装过程中要求广泛的系统扩展权限。
• 目前我正在试图维生素E ，类似的snowpack还支持native esmodules当你试图避免构建周期被看好。

我正在寻找一种解决方案，用于运行带有任何捆绑程序的开发环境，用于根 SPA 包和多个相互依赖的打字稿包，而无需 fs-watching 和构建周期。

在将此问题标记为"primarily opinion based"请注意一个好的答案可以帮助未来的读者避免我今天所做的来回尝试。 即使this can be done with any bundler by leveraging this or that option是一个很好的答案。