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，我可以在公用文件夹中的HTML文件中执行%REACT_APP_ACTUAL_ENV%，它工作正常。但是问题是我需要以某种方式在javascript文件中执行此操作，尽管我不确定是否可能。

Answer 1

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

我只是将变量分配给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>

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

1 个答案: