reactjs - 使用 create-react-app 的多个入口点

Question

我的页面包含 20% 的 React 组件和 80% 的普通 html 内容。有必要在页面的不同位置放置多个React组件，因此我需要在index.html中使用多个入口点。我想使用create-react-app，但我不想使用redux，因为页面相当小。有没有什么方法可以相对容易地在index.html中创建2个入口点，以便页面上的所有React组件都可以访问单父组件的props？ ..或者是否可以将全局变量与事件监听器一起使用来进行更改，从而触发更新不同入口点中的 react 组件？ ..请告诉我此类任务的最佳实践，因为我不想从单个入口点使用 jsx 来开发整个页面。

Answer 1

为了避免弹出，您可能需要检查 rescripts ，您可以添加要添加到 index.html 的入口点，如下所示:

在项目主目录中创建 .rescriptsrc.js 文件:

module.exports = [
  config => {
      config.entry = {
         app: ["./src/index.js"],
         content: ["./src/content.js"],
      };
  }
];