Pasos para configurar diferentes comandos de empaquetado para diferentes entornos en proyectos vue

Los pasos para configurar diferentes comandos de empaquetado para diferentes entornos en vue son los siguientes:

1. Cree un nuevo archivo en el directorio raíz del proyecto .envpara almacenar variables de entorno públicas.
2. Cree nuevos archivos como .env.development, .env.test y .env.production en el directorio raíz del proyecto para almacenar variables en diferentes entornos, como direcciones API y números de puerto.
3. Agregue comandos de empaquetado para diferentes entornos en el campo de secuencias de comandos en el archivo package.json,
   por ejemplo "build:test":“vue-cli-service build --mode test”, donde --mode especifica qué archivo .env usar. Utilizar en el proyecto process.envpara obtener las variables de entorno correspondientes.

Ejemplo: Por ejemplo, para obtener las variables de entorno del entorno de prueba

El contenido de mi .env.testarchivo es el siguiente:

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

Luego vue.config.jsobtenga el NODE_ENVmétodo de entorno en:process.env.NODE_ENV