访问package.json中的环境变量

Question

最近我开始研究一个非常旧的应用程序，其中API端点URL在每个系统上都不相同。

现在，我的package.json看起来是这样的：

"start": "cross-env API_ENDPOINT=http://localhost:5000/api/v1 react-scripts start" 

的问题是，所以当我部署代码到Heroku的这个值是目前一成不变的，它会尝试连接我的本地主机。相反，我正在做这样的事情：

"start": "cross-env API_ENDPOINT={thisShouldBeDynamic} api/v1 react-scripts start" 

有没有办法做到这一点？

Ps。 react-app-scripts版本是^ 0.4.0，所以我不能依靠.env并相信我，你不想更新它。

Answer 1

JSON格式不支持模板本身，所以您需要创建一个脚本，它将打开config.json，更新它并保存回相同的文件。

您可以从https://www.npmjs.com/package/config-template开始创建您自己的模板填充程序，它可以检索您需要的env变量并将它们添加到配置文件中，然后将其添加到相同的文件中。

Answer 2

您可以在启动postinstall NPM挂钩之前更改您的安装。 https://devcenter.heroku.com/articles/nodejs-support#customizing-the-build-process

例如：

"scripts": { 
    "postinstall": "node ./ops/heroku-build.js" 
} 

然后在该脚本，只需阅读相应的ENV变量。 process.env包含所有Heroku环境变量。使用这些来编辑你的package.json。