【问题标题】：Split React website in separate modules and load as npm dependency in one package将 React 网站拆分为单独的模块并作为 npm 依赖项加载到一个包中
【发布时间】：2019-05-03 00:36:14
【问题描述】：
我正在开发一个 react 网站，其中有几个单独的部分。联系人管理，消息管理等。所有这些部分都很大。这些部分的导航由单个仪表板控制。由于我们有单独的团队在每个团队部分工作，我们希望将应用程序解构为单独的模块，这些模块将包含网站的每个部分。我以前没有这样做过，但我想将这些模块作为 npm 依赖项加载到主应用程序中，该应用程序将处理每个模块之间的导航。我试图将工作和任何引入任何可能破坏其他部分的更改的人分开。抱歉有点含糊，但非常感谢您的帮助。
【问题讨论】：
标签：
javascript
reactjs
npm
webpack
babeljs
【解决方案1】：
这很容易做到。
每个单独的 npm 包（例如 module1）将依赖于 react（但不是 react-dom），并包含许多文件 exporting React 组件。
然后主仪表板将在dependencies（以及react-dom和react）下列出每个包，并且可以import和渲染组件，例如import {ContactManager} from 'module1'。
每个模块可以依次import仪表板或单独的通用包中的常用内容。