vue cli3.x paquete de modo de desarrollo el paquete app.js es demasiado grande

1. Antecedentes: problemas encontrados al actualizar proyectos antiguos
1. Directorio del proyecto
Inserte la descripción de la imagen aquí
2. package.json
Inserte la descripción de la imagen aquí
3. configuración env.env.development
configuración

NODE_ENV=development
VUE_APP_BASE_API=开发
VUE_APP_BUCKET=开发

Configuración de .env.production

NODE_ENV=production
VUE_APP_BASE_API=生产
VUE_APP_BUCKET=生产

4. Después de realizar el npm run build:dev
empaquetado, se encuentra que app.js tiene más de diez megabytes y no se puede abrir en absoluto cuando se carga en el servidor (durante demasiado tiempo)
Inserte la descripción de la imagen aquí

En segundo lugar, la solución (se puede resolver temporalmente, puede haber una mejor manera)
1. Cree un nuevo archivo .env.dev en el directorio raíz. La
configuración es la siguiente (el contenido es el mismo que el archivo .env.development, NODE_ENVcambiado a production)

NODE_ENV=production
VUE_APP_BASE_API=开发
VUE_APP_BUCKET=开发

2. Modificar package.json
Inserte la descripción de la imagen aquí

3. La ejecución npm run build:dev
encontró que el subpaquete, la compresión están bien
Inserte la descripción de la imagen aquí

4. El principio es utilizar el productionmodelo para cargar las variables de entorno desarrolladas.

Supongo que te gusta

Origin blog.csdn.net/qq_39953537/article/details/83586004
Recomendado
Clasificación