将运行时环境与 React 和 heroku 一起使用

Question

所以我在 heroku 上有一个暂存和生产应用程序。

我还使用create-react-app，其中环境变量在构建时嵌入。由于构建发生在 staging 上，然后应用程序发布到 production，因此我在生产环境中使用了 staging 环境变量。

有没有办法在 production（来自 heroku 配置）上获取运行时环境而不重建整个应用程序？

Answer 1

简短的回答是不。

基本上，当您构建前端应用程序时，它们会从节点服务器（在创建反应应用程序的情况下）转换为静态文件。这意味着 js-css-html 都被硬烘焙到静态文件中。然后，当您从 staging 更改为 prod 时，这些相同的文件将与 staging 中的“硬编码”变量一起传输。

对此有一个混乱的解决方案，您可以编写一个脚本来查找和替换缩小的 javascript 文件中的变量，但这很讨厌.....

更好的解决方案是重建前端，我的意思是它不需要那么长时间，你的生产变量。这也让您有机会在部署到生产环境之前进行单元测试等。

我希望这会有所帮助！