Next.js如何只为开发模式添加功能

317 阅读1分钟

我所工作的一些网站/应用程序有两种模式。一个是开发模式,另一个是生产模式,即实时版本。

使用Next.js,我发现这很容易做到,通过检查process.env.NODE_ENV 的值,当用npm run dev 运行时,它被设置为'development'

所以我可能有一个不应该公开的API路由,在它的顶部,我添加了

if (process.env.NODE_ENV != 'development') return null

所以它在生产中不工作。

这同样适用于一个页面组件,如果在生产中访问,它将呈现一个空白页面。

我使用同样的技术,只在开发模式下向组件添加JSX。

{
  process.env.NODE_ENV == 'development' && <div>hi</div>
}