包含在现有站点上时创建React App空白页

Question

我正在本地使用XAMPP托管现有的CMS，并且我想通过使用include将我的react应用程序包含在CMS中（这对于包含静态HTML和其他PHP页面非常有用）。将包含在其中的CMS管理页面如下所示：http://localhost/website/administrator/

我需要将我的create-react-app放在这样的文件夹中，以便内置的CMS脚本将其包括在内：website\subfolder1\subfolder2\subfolder3\subfolder4\default

当前，我得到一个空白页面，试图在其中包含我的应用程序。如果我删除了嵌入式文件，则可以看到正在输出标记，就像在带有根类名称的空div中一样。

我尝试在package.json和“。”之类的各种组合中设置“主页”属性，并且还没有运气地编辑了清单site_start，我似乎无法使其呈现。谁能指出我正确的方向？

Answer 1

这里有一些步骤，您可以尝试正确构建捆绑包，因为您将需要通过弹出来覆盖create-react-app的默认行为。

1. 制作您的create-react-app的备份副本
2. 弹出，这样您现在就可以配置webpack n

npm run eject

1. 转到webpack配置，请参阅脚本部分

2. 您可以更改构建脚本，例如开始和构建

3. 问题似乎出在js和css文件的构建位置。您可以通过编辑配置来更改它们在webpack中的输出位置。

查看链接：https://webpack.js.org/configuration

您可以尝试将输出部分的路径更改为您的cms html试图查找捆绑软件的位置。