创建react app(typescript)将env文件添加到生产版本

时间:2018-09-11 13:46:22

标签: reactjs typescript create-react-app

我正在使用

react-scripts-ts 2.16.0. 

如官方docs

所述,Env文件的工作非常出色

无论如何,也许我在跑步时都会误解它应该如何工作

yarn start

代码中的每个调用都对应于env文件的值,因此:

process.env.REACT_APP_SECRET_CODE

将从项目根目录的.env文件返回值,例如:

REACT_APP_SECRET_CODE=abcdef 

所以一切都像魅力,但对我来说最重要的是生产。当我跑步时

yarn build

我在构建文件夹中看不到任何.env文件,即使我将.env文件(值REACT_APP_SECRET_CODE = smth_new)放入构建文件夹中的每个文件夹中,也永远不会覆盖值,并且我总是得到abcdef打印。

为什么生产版本不包含.env文件,为什么我不能将自己的.env文件添加到生产版本?

1 个答案:

答案 0 :(得分:0)

到目前为止,您可能已经找到了答案,但是我想为什么不帮忙。

.env文件位于/应该位于.gitignore文件中。这意味着它们将不会被推送到您的远程存储库,也不会被构建到生产环境。这样做是不安全的,因为否则,有权访问您文件的任何人都将看到您的密码和客户机密等。

为此,您应该在构建服务器上专门配置环境变量。