cross-env在vue-cli中的使用方式

下载 cross-env

yarn add --dev cross-env

修改 package.json 文件

  "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;
    });
  }
};

使用自定义变量

运行项目后, 在 package.json 中自定义的 RUNTYPE 变量就被注入到全局变量 process.env.SELF_CONFIG 中

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