Programa pequeño: uniapp resuelve el problema de que vendor.js es demasiado grande

1. Introducción ambiental

uniapp + HBuilderX

2. Descripción del problema

Al depurar en la máquina real, indica que el envío del paquete es demasiado grande y que no se puede generar el código QR, e incluso es imposible cargar el código más tarde

3. Optimización del tamaño del paquete de código

Optimización del tamaño del paquete de código | Documentación abierta de WeChat

3.1 Los recursos estáticos, como las imágenes, se colocan en el servidor y el subprograma hace referencia a la dirección del archivo del servidor (si hay muchas imágenes, ahorrará mucho volumen).
El proyecto solo conserva el icono de la navegación inferior.

3.2 Procesamiento de subcontratación según el tipo de negocio (el volumen de un solo paquete disminuye rápidamente después de la subcontratación):

Uso de Subpaquete | Documentación abierta de WeChat

"optimization":{
    "subPackages":true
}

3.3 Comprimir código en tiempo de ejecución (el volumen se reduce mucho y el proyecto de prueba se reduce en más de 400 kb)

Antes de la compresión:

Después de estos pasos, el volumen del código ha alcanzado:

Menos de 2M, el código ya puede generar un código QR para obtener una vista previa, depurar y cargar

3.4 Verifique estos elementos:

3.5 Después de verificar, se pasa aquí:

manifest.json configura la inyección bajo demanda:

"lazyCodeLoading": "requiredComponents"

Después de la configuración pasada aquí

3.6 Lo importante es limpiar el código inútil a tiempo

3.7. Después de empaquetar el código, al cargarlo, indica que el tamaño del código excede el límite. En este momento, cierre la herramienta de desarrollo de WeChat, vuelva a abrirla y cárguela. La carga se realizó correctamente. Ha habido muchas situaciones similares. más tarde.

4. Bienvenido a intercambiar y corregir, prestarme atención y aprender juntos

5. Enlace de referencia:

Resuelva el problema de que vendor.js es demasiado grande

Solución de optimización de empaquetado de Vue (para resolver el problema de un proveedor demasiado grande)_Blog de Huanghe Ailang-CSDN Blog_vendor.js

https://www.jb51.net/article/164542.htm

proyecto uni-app vendor.js método de procesamiento demasiado grande - Libro breve

¿Cómo subcontratar el applet uniapp? Pasos completos y detallados para enseñar you_Mu Qing゚'s blog-CSDN blog_uniapp subcontratación

Resuelva el problema de que el archivo vendor.js es demasiado grande después de compilar uni-app

Cómo resolver el problema de que el archivo vendor.js es demasiado grande después de compilar uni-app / Zhang Shengrong

Mini guía de optimización del rendimiento del programa | WeChat Open Community

El subprograma uniapp permite la inyección bajo demanda de componentes "lazyCodeLoading": "requiredComponents"_One Jin Code Blog-CSDN Blog

Inyección bajo demanda e inyección lenta | WeChat Open Documentation

Programa pequeño: uniapp resuelve el problema de que vendor.js es demasiado grande

Supongo que te gusta