从应用程序拆分反应代码

Question

我一直在从 jQuery 迁移到 React，需要一些帮助来了解如何让 webpack 将我的代码与 react 本身分开。 我正在使用 react 来构建小部件。每个都是它自己的“应用程序”，其中多个可能嵌入到非反应页面中。因此，我只需要在页面中包含一次响应（例如使用 jQuery 时）。我目前正在使用 create-react-app，因为它很容易上手。 你能指出我正确的方向吗？

Answer 1

如果您想使用 webpack，您可以使用多个条目 (documentation)。这可能如下所示：

entry: {
  react: ["react", "react-dom"],
  app: ['./index.js']
}

请注意，除非您删除或替换整个 react-scripts 部分，否则您不能在 create-react-app 创建的应用程序中使用自己的 webpack-config，因为它们处理内部的所有 webpack 员工.

如果你想在外部使用你的组件（比如不同的网站），你应该为每个组件创建一个包（npm 或类似的）。另一种选择是将这些组件中的每个都添加为webpack->entry 对象中的入口点。但是如果你想在外部使用它们，从不同的主机服务时这似乎是一个巨大的开销。