nuxt如何实现根据不同的环境变量引入脚本

Question

需求是想要在开发和测试环境引入腾讯的Vconsole以便测试，正式环境则不引入。但是nuxt自动生成的app.html文件里不知道如何访问环境变量，请问有没有大佬知道怎么实现？

Answer 1

在plugins 加载的文件中 增加环境变量判断即可

例如：plugins/config.js

if (process.client && process.env.ENV_TYPE !== 'prod') {
  const Vconsole = require('vconsole')
  const vConsole = new Vconsole()
  Vue.use(vConsole)
}