javascript - 导出 webpack 的库

Question

因此，对于一个项目，我想开始使用reactjs，但不幸的是当前项目没有构建管道。我想现在我可以使用 WebPack、Babel 和 Sass 设置一个构建管道，并将其全部编译到一个包中，我们称之为 bundle.js。我可以将编译后的 javascript 文件链接到我们渲染的页面之一，然后我的目标是以某种方式导出该组件，以便我可以使用以下函数创建它。

ReactDOM.render(
  React.createElement(MyExportedComponent, {prop: 'prop'}, null),
  document.getElementById('root')
);

导出类的正确方法是什么？

导出默认 MyExportedComponent 是否足够？

Answer 1

通常，您会在bundle.js中调用ReactDOM.render()，通常是在代表bundle入口点的文件中。

这意味着，您不必导出任何内容，只需将bundle.js 嵌入到您的HTML 文件中即可。

<小时/>

如果您需要从包中导出某些内容，您可以通过在window上设置属性将其附加到全局范围。不过你应该尽量避免这种情况。