如何在NX、React中查找并解决CD（循环依赖）？

Question

我一直在研究包含 3 个项目的 Monorepo 和 apps 文件夹：

• 管理员
• 商业
• 供应商

除了 apps 文件夹之外，还有 libs 文件夹，其中包含单独的文件夹，例如 components 等

我读到了关于循环依赖项的内容，我更喜欢顺便检查一下该项目，但我不知道如何在 NX、React 中执行此操作。

网上有一些关于 npm 包的文章，名为

madge

，我安装并使用了它，但无法与 NX、React 一起使用。

有什么合适的方法吗？

感谢您的回答。

Answer 1

我查看了

madge

，看来您正在寻找循环依赖关系的视觉表示？ NX 附带一个内置的可视化图表，向您显示所有应用程序、库以及它们之间存在的依赖关系。

您可以使用以下命令从终端中 monorepo 项目的根目录运行它：

nx graph

您甚至可以将鼠标悬停在依赖项箭头上以了解哪些文件依赖于哪些库。

有关 Nx 图的更多信息请参见此处。如果您正在寻找不同的解决方案，请告诉我。

Answer 2

如果您想查看依赖关系的图形表示，如上所述

nx graph <name of the project>

是要走的路。除此之外，为了避免这个问题，将 eslint 规则

@nrwl/nx/enforce-module-boundaries

设置为 error