create-react-app .env 文件可以自定义名字吗

在 Create React App 中，你可以自定义 .env 文件的名称，但需要遵循一定的命名规则和使用方法：

1. 默认的环境文件名是 .env，但你可以创建特定环境的文件，如：

   • .env.development
   • .env.production
   • .env.test

2. 你还可以创建本地版本的环境文件，这些文件不会被提交到版本控制系统：

   • .env.local
   • .env.development.local
   • .env.production.local
   • .env.test.local

3. 文件加载优先级（从高到低）：

   • .env.local（除了测试环境）
   • .env.development 或 .env.test 或 .env.production
   • .env

4. 要使用自定义名称的环境文件，你需要在启动或构建应用时指定文件名。例如，你可以在 package.json 的 scripts 中这样做：

"scripts": {
  "start": "env-cmd -f .env.custom react-scripts start",
  "build": "env-cmd -f .env.custom react-scripts build"
}

这里使用了 env-cmd 包来加载自定义名称的环境文件[2]。

5. 记住，无论文件名如何，所有自定义的环境变量都必须以 REACT_APP_ 为前缀，否则 Create React App 将忽略它们[1][3]。

6. 每次修改 .env 文件后，你需要重启开发服务器才能使更改生效[2]。

7. 注意，环境变量会被嵌入到构建中，所以不要在 .env 文件中存储任何秘密信息（如私有 API 密钥）[4]。

总之，虽然你可以使用自定义名称的环境文件，但建议尽可能遵循 Create React App 的默认命名约定，以确保最佳的兼容性和可维护性。如果你确实需要使用自定义名称，请确保在你的构建和开发脚本中正确引用这些文件。

Citations:
[1] https://hub.qovery.com/guides/tutorial/managing-env-variables-in-create-react-app/
[2] https://www.linkedin.com/pulse/how-use-environment-files-env-react-app-muhammad-sameem
[3] https://create-react-app.dev/docs/adding-custom-environment-variables/
[4] https://stackoverflow.com/questions/49579028/adding-an-env-file-to-a-react-project
[5] https://create-react-app.dev/docs/advanced-configuration/

加入交流群