将React网站拆分为单独的模块，并作为npm依赖项加载到一个软件包中

Question

我正在一个React网站上工作，该网站的前几个部分很少。联系人管理，消息管理等。所有这些部分都很大。这些部分的导航是通过单个仪表板控制的。由于我们在每个团队部分都有独立的团队，因此我们希望将应用程序分解为包含网站各部分的单独模块。我之前没有做过，但是我想将这些模块作为npm依赖项加载到主应用程序中，该应用程序将处理每个模块之间的导航。我试图以此来隔离工作，并介绍任何可能破坏其他部分的更改。抱歉，我含糊不清，但您的帮助将不胜感激。

Answer 1

这很容易做到。

每个单独的npm软件包（例如module1）将依赖于react（而不是react-dom），并且包含许多export个React组件文件。 / p>

然后，主仪表板将列出dependencies（以及react-dom和react下的每个程序包，并且可以import并渲染组件，例如{{1 }}。

每个模块可以依次从仪表板或单独的通用包中import {ContactManager} from 'module1'通用内容。