时间戳

首页 > 解决方案 > 如何在 Next.js 的开发模式下删除 _document 中的脚本标记

next.js - 如何在 Next.js 的开发模式下删除 _document 中的脚本标记

问题描述

在我的 next.js 应用程序中，我有 _document.tsx 和这样的代码

   <Head>
      <script
         dangerouslySetInnerHTML={{
            __html: `some GTM script`
         }}
      />
      <link rel="icon" type="image/png" href="/favicon.ico" />
   </Head>

如何使此代码在开发时不工作，但在构建项目时工作（我使用next build && next export）

标签： next.js

解决方案

使用process.env.NODE_ENVNextJs 中自动可用的。

<Head>
  {process.env.NODE_ENV === 'production' && (
    <script
      dangerouslySetInnerHTML={{
        __html: `some GTM script`,
      }}
    />
  )}
</Head>

推荐阅读