Next.js中`export NEXT_ENVIRONMENT='development'; next dev`与`next dev`的区别？

先搞懂export NEXT_ENVIRONMENT='development'的作用 #

这行命令是在当前Shell会话中手动设置一个自定义环境变量，变量名是NEXT_ENVIRONMENT，值为development。Next.js本身并没有内置对这个变量的处理逻辑，它的作用完全由你的项目代码决定——只有当项目里写了读取process.env.NEXT_ENVIRONMENT的代码时，这个变量才会生效。

和单独执行next dev的核心差异 #

• 单独执行next dev：
  Next.js会自动进入开发模式，同时做这些默认操作：

  • 自动设置内置环境变量NODE_ENV=development
  • 加载项目根目录下的.env.development文件（如果存在）里的环境变量
  • 启用热重载、错误提示等开发专属功能
    这部分是Next.js原生的机制，和自定义的NEXT_ENVIRONMENT无关。

• 执行export NEXT_ENVIRONMENT='development'; next dev：
  除了包含上面next dev的所有默认行为外，还会给当前Next.js进程额外注入NEXT_ENVIRONMENT=development这个自定义变量。如果你的项目代码里有判断这个变量的逻辑，就会触发对应的分支：
  比如项目里的API地址切换代码：

  const apiUrl = process.env.NEXT_ENVIRONMENT === 'development' 
    ? 'http://localhost:3000/dev-api' 
    : 'https://api.example.com/prod-api';
  

  这时加上export命令，就会使用本地开发API；如果单独执行next dev，process.env.NEXT_ENVIRONMENT会是undefined，代码可能会走生产API或者默认逻辑。

额外注意 #

如果你的项目里根本没用到NEXT_ENVIRONMENT这个变量，那加不加这行export命令，next dev的运行效果完全一致——Next.js不会因为这个自定义变量改变自身的任何默认行为。

内容的提问来源于stack exchange，提问作者YulePale