Nuxt 在构建时访问 git 版本或哈希并在页面中使用

Question

我有一个要通过 Netlify 部署的 Nuxt/Vue 应用程序。我正在尝试将 git 版本号和哈希值注入页面的 body。我假设有一种非常简单的方法可以做到这一点（但我不知道它是什么！）。

Answer 1

在 nuxt.config.js 中，我正在设置一个 env （COMMIT_REF 是 Netlify 中始终定义的 env），但它是长散列，我会如果有人有短哈希的解决方案，我将不胜感激。

env: {
    COMMIT_REF: process.env.COMMIT_REF || 'COMMIT_REF'
}

Answer 2

在package.json中，您可以在调用 Nuxt 之前传递提交哈希：

"scripts": {
  "dev": "NUXT_ENV_CURRENT_GIT_SHA=`git rev-parse --short HEAD` nuxt",
  ...
},

然后，您可以使用 process.env.NUXT_ENV_CURRENT_GIT_SHA.

在任何地方恢复该值

Nuxt access git version or hash at build time and use in page