如何创建既可以用作标准应用程序又可以用作另一个应用程序中的模块的 React 应用程序？答案

【问题标题】：How to create React application that can be used both as a standard application and as a module in another application?如何创建既可以用作标准应用程序又可以用作另一个应用程序中的模块的 React 应用程序？
【发布时间】：2019-05-05 04:33:49
【问题描述】：

我想在 React 中创建一个 Web 应用程序，它既可以用作标准 Web 应用程序，也可以用作另一个 Web 应用程序中的模块。

我目前使用的应用程序是一个带有几个导航选项卡的经典管理面板。每个选项卡对应一个单独的功能，例如，用户配置文件、用户列表、用户游乐场等。现在我的客户想要将这些功能之一作为单独的模块进行推断，因此它可以用作独立的应用程序。

所以基本上我需要一个模块，它可以通过 npm 作为经典组件安装并包含在应用程序中，也可以作为经典网络应用程序独立使用。

任何想法我该怎么做？

【问题讨论】：

制作一个组件。将其作为应用程序的根目录填充。

标签： javascript reactjs webpack react-router

【解决方案1】：

最简单的方法是：

1) 你构建一个模块 2）当您想将它用作应用程序的一部分时，只需安装它并将其包含为任何其他 react npm 模块 3）当你想将它作为一个独立的应用程序使用时，制作一个空的反应应用程序并将你的模块作为应用程序根

谢谢@zfrisch！

【讨论】：