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

Question

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

Answer 1

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

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

然后，您可以使用process.env.NUXT_ENV_CURRENT_GIT_SHA在任何地方恢复该值。

Answer 2

在nuxt.config.js中，我设置了一个env（COMMIT_REF是Netlify中始终定义的env），但是它是一个很长的哈希值，如果能任何人都有短哈希的解决方案。

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