reactjs - 在 package.json 中使用 "homepage"，而不弄乱 localhost 的路径

Question

这个问题实际上直接来 self 的 answer关于上一个问题。

我在我的 package.json 中添加了一个 “homepage”，因为它是我在 Github Pages 上托管的 React 应用程序。 npm run build 的输出表明现在可以部署 /build 目录，并且假设该项目托管在 /project_name/ .

但是在本地主机上，该项目没有托管在/project_name/，因此为js和css请求的路径是困惑的(寻找/project_name/static/... 而不是 /static/...)并且应用程序损坏。

如何在 package.json 中拥有主页字段，以便他们可以部署到 Github Pages(例如)，同时仍然使用工作应用程序进行本地开发？

Answer 1

Docs for create-react-app 解释了如何从不同的相对路径提供相同的构建。

如果您将主页设置为

"homepage": ".",

Assets 将相对于index.html提供。然后，您将能够将应用程序从 http://mywebsite.example 移动到 http://mywebsite.example/relativepath 甚至 http://mywebsite.example/relative/path 无需重建它。

出于开发目的，使用 yarn start 或 npm start 进行服务就足够了。应用程序将在本地主机中可用