如何从公用文件夹中访问环境变量？

Question

在我的 create-react-app 应用程序中，我的公共文件夹中有一个 javascript 文件。在其中，我需要访问一个名为的环境变量，REACT_APP_ACTUAL_ENV但我不确定如何访问。尝试通常process.env.REACT_APP_ACTUAL_ENV不起作用，因为process在公共文件夹中未定义。查看https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables，我可以%REACT_APP_ACTUAL_ENV%在公共文件夹中的 HTML 文件中进行操作，并且效果很好。但问题是我需要以某种方式在 javascript 文件中执行此操作，尽管我不确定是否可行。

Answer 1

就我而言，我必须引用REACT_APP_FACEBOOK_APP_ID环境变量来初始化 Facebook SDKpublic/index.html文件。

我只需将变量分配给 HTML 元素的属性，然后使用 JavaScript 访问它，如下所示：

...
<meta property="fb:app_id" content="%REACT_APP_FACEBOOK_APP_ID%" />

<script>
   const facebookAppId = document.querySelector('[property="fb:app_id"]').content;
   // use `facebookAppId` here
</script>