如何使 vue-cli 服务失败，如果其中一个process.env.VUE_APP_*

Question

我正在我的代码中使用环境变量，如 vue-cli-service 环境变量部分所述，当定义环境变量时，它肯定有效。但是，当其中一个环境变量未定义时，它只是将其替换为未定义。比方说，如果我引入一个新的，但随后我没有在环境中设置它，它只会放一个在那里。process.env.VUE_APP_MY_NEW_VARundefined我想确保在构建项目（）时，没有一个环境变量是未定义的。npx vue-cli-service build [...]我的想法之一是始终检查，但它会在运行时发生，而不是编译时。undefined另一个想法是创建一个shell脚本来检查所有变量是否在构建之前都已设置，但这听起来很手动。有没有办法配置它并使其成为构建的一部分？

Answer 1

您可以添加签入 。例如vue.config.js

const REQUIRED_ENV_VARS = [

  'VUE_APP_VAR_1',

  'VUE_APP_VAR_2'

]

if (REQUIRED_ENV_VARS.some(env => typeof process.env[env] === 'undefined')) {

  throw new Error('Required environment variables are missing')

}