如何在构建期间设置来自 package.json 的环境变量答案

【问题标题】：How to set an env variable during build that is coming from package.json如何在构建期间设置来自 package.json 的环境变量
【发布时间】：2018-11-15 10:02:56
【问题描述】：

我需要添加什么到 nuxt.conf.js 以从 package.json 获取版本并将值存储在环境变量中？

我想在 vuex 商店中设置 package.json 的版本，例如：

state: {
  version: process.env.version
}

我尝试将它放在 nuxt.conf.js 中，但没有奏效。

 env: {
   version: JSON.stringify(require('./package.json').version)
 }

我知道如何在 quasar.conf.js 中使用 Quasar 来实现这一点

build: {
  env: {VERSION: JSON.stringify(require('./package.json').version)}
}

那么如何用nuxt达到同样的效果呢？

【问题讨论】：

标签： vue.js vuex nuxt.js

【解决方案1】：

env: {
 version: JSON.stringify(require('./package.json').version)
}

这实际上有效，但仅在您重新启动构建时才有效。我期待它能够动态工作，但事实并非如此。这不是一个真正的问题，只有在您进行生产构建时才需要它。

在我的 package.json 中，我有一个这样的构建脚本：

"build": "nmp version patch && nuxt build"

这将增加我在 nuxt 应用中显示的版本号。我总是忘记手动执行此操作，因此我将其自动化。

【讨论】：