Configuración multientorno de vue-cli vue3
Las reglas antiguas miran la dirección del documento del documento api: documento API vue-cli
Patrones y variables de entorno (personalmente sugiero leer el documento primero, pruébelo usted mismo, si no lo entiende, vaya a la publicación para encontrar la respuesta)
Escribir archivos multientorno
Los modos son un concepto importante en los proyectos Vue CLI. De forma predeterminada, un proyecto Vue CLI tiene tres modos:
el modo de desarrollo se usa para vue-cli-service serve
el modo de prueba se usa para vue-cli-service test:
el modo de producción de unidades se usa para vue-cli-service build y vue-cli-service test:e2e
puede pasar --mode parámetro de opción Anula el modo predeterminado para la línea de comandos. Por ejemplo, si desea utilizar la variable de entorno de desarrollo en el comando de compilación
vue-cli-service build --mode development
NODE_ENV = 'development'
VUE_APP_MODE = 'development'
VUE_APP_API_URL ='127.0.0.1:8080'
outputDir = development
entorno NODE_ENV
Al ejecutar el comando vue-cli-service, todas las variables de entorno se cargan desde el archivo de entorno correspondiente. Si la variable NODE_ENV no está incluida dentro del archivo, su valor dependerá del modo, por ejemplo, se establece en "producción" en el modo de producción, "prueba" en el modo de prueba y el valor predeterminado es "desarrollo".
NODE_ENV determinará en qué modo se ejecuta su aplicación, desarrollo, producción o prueba y, por lo tanto, qué configuración de paquete web crear.
Por ejemplo, al establecer NODE_ENV en "test", Vue CLI creará una configuración de paquete web optimizada destinada a pruebas unitarias, que no manejará imágenes y otros recursos que no son necesarios para pruebas unitarias.
De manera similar, NODE_ENV=desarrollo crea una configuración de paquete web que permite actualizaciones en caliente, no procesa recursos ni imprime paquetes de proveedores, y tiene como objetivo reconstruir rápidamente durante el desarrollo.
Cuando ejecuta el comando de compilación vue-cli-service, sin importar en qué entorno esté implementando, siempre debe establecer NODE_ENV en "producción" para que la aplicación esté lista para la implementación.
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"test": "vue-cli-service --mode test"
},
Para verificar, mostraremos el nombre del esquema de la página
Configuración del paquete Especificaremos el nombre de la carpeta de salida del paquete para la validación.
prueba
servicio de ron npm
prueba de ron npm
Prueba de paquete npm ejecutar compilación
