时间戳

首页 > 解决方案 > 使用 create-react-app 的多个入口点

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

问题描述

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

标签： reactjsjsxcreate-react-appentry-point

解决方案

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

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

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

推荐阅读