如何讀取NextJS的build ID？

Question

使用 NextJS，可以根據文件建立建置 ID：https://nextjs.org/docs/app/api-reference/next-config-js/generateBuildId

也可以根據最近的git版本取得：https://www.npmjs.com/package/next-build-id

但問題是：我如何讀取這個建置 ID？我想將它顯示在視窗控制台內。

Answer 1

我還沒有測試過它，但我認為你可以嘗試透過配置中的env 鍵傳遞env 變數的舊方法（我猜它現在已被棄用，但它仍然應該有效），如下所示：

const nextBuildId = require('next-build-id')

const buildId = nextBuildId({ dir: __dirname })

const nextConfig = {
  generateBuildId: () => buildId 
  env: {
    BUILD_ID_ENV: buildId
  },
};

稍後將以 process.env.BUILD_ID_ENV 提供

要在客戶端元件中使用它，您可能必須將其命名為 NEXT_PUBLIC_BUILD_ID_ENV，不確定。