Etapas para configurar diferentes comandos de empacotamento para diferentes ambientes em projetos vue

As etapas para configurar diferentes comandos de empacotamento para diferentes ambientes em vue são as seguintes:

1. Crie um novo arquivo no diretório raiz do projeto .envpara armazenar variáveis ​​públicas de ambiente.
2. Crie novos arquivos como .env.development, .env.test e .env.production no diretório raiz do projeto para armazenar variáveis ​​em diferentes ambientes, como endereços de API e números de porta.
3. Adicione comandos de empacotamento para diferentes ambientes no campo de scripts no arquivo package.json,
   por exemplo "build:test":“vue-cli-service build --mode test”, onde --mode especifica qual arquivo .env usar. Use no projeto process.envpara obter as variáveis ​​de ambiente correspondentes.

Exemplo: Por exemplo, para obter as variáveis ​​de ambiente do ambiente de teste

O conteúdo do meu .env.testarquivo é o seguinte:

NODE_ENV=test // 环境区分变量
VUE_APP_MODE =test2 // 其他变量

Em seguida, vue.config.jsobtenha o NODE_ENVmétodo de ambiente em:process.env.NODE_ENV