vue3+vite使用全局变量，配置文件

1.在vue-cli中模式是一个重要的概念，默认情况下有三个模式。

对于下面所说的命令，大家可以看一下项目中的package.json文件，一看就明白了

1. development 模式用于 vue-cli-service serve
2. production 模式用于vue-cli-service build 和 vue-cli-service test:unit
3. test 模式用于 vue-cli-service test:unit

development 模式用于 vue-cli-service serve production 模式用于 vue-cli-service
build 和 vue-cli-service test:unit test 模式用于 vue-cli-service test:unit
development模式对应我们开发环境对应的命令是 serve命令，也就是说我们启动项目后就在development模式下运行
production模式对应打包命令build。打包后在production模式下运行

2.实现方式步骤

1. 在vue.config.js里的添加此段代码

chainWebpack: (config) => {
    config.plugin("define").tap((args) => {
    console.log('args',args);
    args[0]["process"] = {...args[0]["process.env"]}
    return args;
  });
}

2. 在根目录新建.env.development文件

NODE_ENV = 'dev'
VUE_APP_OUTPUT_DIR = 'dev'
VUE_APP_URL = '/api'

3. 在文件中拿到数据

console.log(process)

4. 正式环境就改下名字，改成.env.production文件

NODE_ENV = 'prod'
VUE_APP_OUTPUT_DIR = 'prod'
VUE_APP_URL = '/prod'