reactjs - reactjs创建 React App 不接收. env 文件?

时间:

如果你想使用 .env.development.env.production 这样的多个

使用 dotenv包

在项目 root 文件夹中添加 .env.development.env.production

还有你的package.json


"scripts": {


"start":"react-app-rewired start",


"build-dev":"dotenv -e. env.development react-app-rewired build",


"build-prod":"dotenv -e. env.production react-app-rewired build",


"build":"react-app-rewired build",


"test":"react-app-rewired test --env=jsdom",


"eject":"react-scripts eject" 


},



然后根据环境构建


npm run-script build-dev 



为此目的,有 env-cmd 模块。 通过 npm npm i env-cmd 安装,然后在 scripts 部分的package.json 文件中进行安装:


"scripts": {


"start":"env-cmd. env.development react-scripts start",


"build":"GENERATE_SOURCEMAP=false env-cmd. env.production react-scripts build",


 }



在项目 root 中,你必须创建两个具有相同环境变量但具有不同值的文件:


.env.development


.env.production



然后从 public 中排除它们。 在 .gitignore 文件中,添加两行:


.env.development


.env.production



因此,对于开发和生产使用不同的环境变量是正确的方法。

如果 .env 文件有效但 .env.development 或者 .env.production 没有,那么在这两个文件旁边创建一个空的.env 文件。 我不知道为什么但这对我有用。

...