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

Question

我正在开发一个反应网站，其中有几个单独的部分。 联系人管理，消息管理等。所有这些部分都很大。 通过单个仪表板控制对这些部分的导航。 由于我们有独立的团队负责每个团队部分，我们希望将应用程序解构为单独的模块，这些模块将包含网站的每个部分。 我之前没有这样做，但我想将这些模块作为npm依赖加载到主app中，它将处理每个模块之间的导航。 我试图将此工作与任何可能破坏其他部分的任何更改进行隔离。 对不起有点模糊，但你的帮助将非常感激。

Answer 1

这很容易做到。

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

然后主仪表板将列出dependencies下的每个包（以及react-dom和react ），并可以import和呈现组件，例如import {ContactManager} from 'module1' 。

每个模块可以依次从仪表板或单独的公共包中import常用内容。