我有一个页面,其中包含20%的React组件和80%的常规html内容。有必要在页面的不同位置放置几个反应组件,因此我在index.html中需要多个入口点。我想使用create-react-app,但是我不想使用redux,因为页面很小。有什么方法可以相对容易地在index.html中创建2个入口点,以便页面上的所有React组件都可以访问单亲的道具? ..还是可以将全局变量与事件侦听器一起使用,以进行更改,从而触发更新不同入口点中的react组件? ..请告诉我执行此类任务的最佳实践,因为我不想通过从单个入口点使用jsx来开发整个页面。
最佳答案
为了避免弹出,您可能需要检查rescripts,可以像下面这样添加要添加到index.html的入口点:
在项目主目录中创建.rescriptsrc.js文件:
module.exports = [
config => {
config.entry = {
app: ["./src/index.js"],
content: ["./src/content.js"],
};
}
];