将react应用程序（与webpack捆绑在一起）发布到react应用程序中

Question

我有一个与webpack 4捆绑在一起的反应应用程序到一个文件（bundle.js），我想将它作为一个组件启动到另一个反应应用程序。

import Component from '../../../build/bundle'

const AcomponentWithBundle = () => (
  <div>
    <Component />
  </div>
);

这当然不起作用

这是错误消息：

警告：React.createElement：type无效 - 期望一个字符串（对于内置组件）或类/函数（对于复合组件）但得到：object。您可能忘记从其定义的文件中导出组件，或者您可能混淆了默认导入和命名导入。

我理解错误消息，因为在捆绑中我没有导出，但我需要能够做到这一点，并且不知道如何做到这一点。

提前致谢！

Answer 1

通常的做法是创建一个NPM包并定义一个预包装脚本，用Babel转换你的React组件，然后用npm发布，打包或链接它，这样你就可以在你的应用程序中对它进行npm install。

Webpack应该用作整个构建过程的最后一步，以生成一个在浏览器中运行的完整应用程序。

Answer 2

在React基于组件的哲学中，唯一允许的模式，在这种情况下，是：

作为解决方法（为了保持dom，路由等），您可以加载其他应用程序