react 的 index.html 中的<script> 代码中如何读取 .env 文件的变量呢？

Question

index.html 就是public 下面的那个文件

script 脚本也是在index.html 中；

想知道如何在脚本中读取 .env 文件中的变量？

Answer 1

可以看看文档 Adding Custom Environment Variables

更新，这样可以

<script>
  console.log("%REACT_APP_TEST%") // OK
  console.log("%NODE_ENV%") // development
</script>

Answer 2

这里的 .env 文件里面的值，你在 index.html 引用的时候，就只会在打包的时候进行一次替换，如果你想要修改后生效，也就必须要重新打包。

就是前面你们在讨论的这种方式。

你要想实时获取 .env 文件里面的值是不合适的一般这个文件也不会被上传到生产环境，退一步讲，如果你需要真的需要，那可以用 ajax 请求这个的路径，然后拿到响应后去解析，倒也不是不行。