在 package.json 中使用 \`"homepage"\`，不会弄乱 localhost 的路径

Question

这个问题实际上直接来自我对上一个问题的 回答。

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

但是在 localhost 上，该项目 没有 托管在 /project_name/ ，因此为 js 和 css 请求的路径被弄乱了（寻找 /project_name/static/... 而不是 /static/... ）和应用程序坏了。

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

原文由 tscizzle 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

如果你把主页作为

"homepage": ".",

资产将相对于 index.html 提供服务。然后，您就可以将您的应用程序从 http://mywebsite.example 移动到 http://mywebsite.example/relativepath 甚至 http://mywebsite.example/relative/path 无需重建它。

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

原文由 sudo bangbang 发布，翻译遵循 CC BY-SA 4.0 许可协议