NextJS静态导出指定.env

Question

我有一个带有 Django 后端的 NextJS 应用程序。 NextJS 应用程序静态导出，Django 应用程序也重定向。

导出时，NextJS 默认使用 .env.production，但是在本地开发时我更希望它使用 .env.development，但是我不知道如何指定它。

当 运行 通过 npm run dev 它使用正确的 .env 但是关于是否可以选择静态导出的信息有限 - 我刚刚一直在切换根据需要修改文件内容。

提前致谢！

Answer 1

当你 运行 next dev 脚本时，next.js 将从 .env.development

加载环境变量

如果您 运行 next start 脚本 next.js 将从 .env.production

加载环境变量

Next.js 默认不使用 .env.production 它默认使用 .env.local。 .env.local 将覆盖 .development 或 .production 文件中的任何内容。

Answer 2

当指令next dev(npm run dev)为运行,Next.jssets the NODE_ENV environment variable到development(production为任何其他内容，例如 export) 并将按 top-to-bottom 顺序加载以下文件：

1. .env.development.local
2. .env.local
3. .env.development
4. .env

因此无需指定应使用 .env.development — 它只需要存在于项目的根目录中即可。

.env.local 在 development 和 production 环境中加载，但在 test.

中不加载

.env 在所有三个环境中加载。

.env*.local 中的变量将覆盖 .env、.env.development 和 .env.production 中的相同变量。