Javascript 如果无法解析process.env.vue_APP_*环境变量之一,如何使vue cli服务失败

Javascript 如果无法解析process.env.vue_APP_*环境变量之一,如何使vue cli服务失败,javascript,vue.js,webpack,environment-variables,vue-cli-3,Javascript,Vue.js,Webpack,Environment Variables,Vue Cli 3,我在我的代码中使用了环境变量,如中所述,当定义了环境变量时,它肯定会起作用 但是,当其中一个环境变量未定义时,它只是将其替换为未定义 假设我引入了一个新的process.env.VUE_APP_MY_new_VAR,但是我没有在环境中设置它,它只会在那里放置一个未定义的变量 我希望确保在构建项目npx vue cli服务构建[…]时,没有任何环境变量保持未定义状态 我的一个想法是总是检查未定义,但它会发生在运行时,而不是编译时 另一个想法是创建一个shell脚本,在构建之前检查所有变量是否都设置

我在我的代码中使用了环境变量,如中所述,当定义了环境变量时,它肯定会起作用

但是,当其中一个环境变量未定义时,它只是将其替换为未定义

假设我引入了一个新的process.env.VUE_APP_MY_new_VAR,但是我没有在环境中设置它,它只会在那里放置一个未定义的变量

我希望确保在构建项目npx vue cli服务构建[…]时,没有任何环境变量保持未定义状态

我的一个想法是总是检查未定义,但它会发生在运行时,而不是编译时

另一个想法是创建一个shell脚本,在构建之前检查所有变量是否都设置好了,但这听起来很手动

有没有办法对其进行配置并使其成为构建的一部分

您可以在vue.config.js中添加检查。比如说

所需常数\u环境\u变量=[ “VUE_应用程序变量1”, “VUE_应用程序_变量2” ] 如果需要_ENV_VARS.someenv=>typeof process.ENV[ENV]===='未定义'{ 抛出新错误“缺少必需的环境变量” } 您可以在vue.config.js中添加一个检查。比如说

所需常数\u环境\u变量=[ “VUE_应用程序变量1”, “VUE_应用程序_变量2” ] 如果需要_ENV_VARS.someenv=>typeof process.ENV[ENV]===='未定义'{ 抛出新错误“缺少必需的环境变量” }