cross-env 在 vue-cli中使用cross-env的下载安装在package.json中添加 cross-

cross-env的下载安装

npm install --save-dev cross-env

在package.json中添加

cross-env 后边跟着的RUNTYP是注入环境变量的key，test为值；

"serve": "cross-env RUNTYPE=test vue-cli-service serve",

在vue.config.js中添加一下代码

module.exports = {
  chainWebpack: (config) => {
    config.plugin('define').tap((args) => {
      args[0]['process.env']['SELF_CONFIG'] = JSON.stringify(process.env);
      return args;
    });
  }
};

环境变量的使用

可以在 process.env.SELF_CONFIG下获取到自己所注入的环境变量

console.log('process.env', process.env.SELF_CONFIG.RUNTYPE);
// test