将登录页面与React App(创建反应应用)混合

Question

"将" React应用程序"集成"到现有HTML登录页面的最佳实践是什么？

例如，我在mypage.com/上有一个营销页面，并且想在mypage.com/app上使用React应用程序。

我尝试使用的是使用React路由器并使用dankendlySetInnerHtml函数包括HTML页面，但是对于这种情况，我需要使用HTML-Loader，并且我使用React-Scripts代替WebPack.config，所以我认为它是无法添加加载程序。不是吗？

<Router>
  <Route path="/" exact component={Landingpage} />
  <Route path="/app" exact component={App} />
</Router>

/* Landingpage */
return () {
  <div ... dangerouslySetInnerHTML={{ __html: html }} />
}

我尝试了以下内容，但是我没有webpack.config，因为我使用了反应式脚本。反应：如何加载和渲染外部HTML文件？

我想要的是调用纱线构建并接收完成的应用程序。您有什么建议吗？

非常感谢！

Answer 1

坏消息
您无法使用Create-React-app

的默认配置来做到这一点

好消息
可以使用弹射。

可能

1. npm run eject
2. 添加 app.html并从 index.html
添加链接
3. 在config/paths.js内部将线appHtml: resolveApp('public/app.html')更改为

...
appHtml: resolveApp('public/app.html'),
...

4. config/webpack.config.js更改为

{
  filename: 'app.html', // Add this line
  inject: true,
  template: paths.appHtml
},

5. 配置react-router如果存在，则相应。