Estrategia de optimización del proyecto
1. Generar un informe de empaque
Al empaquetar, para descubrir intuitivamente los problemas del proyecto, puede generar un informe al empaquetar. Hay dos formas de generar informes:
1) Generar informes en forma de parámetros de línea de comando
// El informe del paquete se puede generar mediante las opciones de comando de vue-cli // la opción de informe se puede generar mediante la opción --report para ayudar a analizar el contenido del informe vue-cli-serve build --report
2) Vea el informe directamente a través del panel visual de la interfaz de usuario (recomendado)
En el panel de la interfaz de usuario visual, a través de la consola y el panel de análisis , puede ver fácilmente los problemas con el bloqueo en el proyecto.
Abra el panel de la interfaz de usuario visual y seleccione la ejecución en la compilación. Una vez completado, puede ver el contenido del informe en la consola (panel) o el panel de análisis.
Panel de estadísticas de velocidad: es el tiempo requerido para abrir el proyecto en diferentes condiciones de red.
Panel de recursos:
Esto encontrará que hay un signo de exclamación detrás de un recurso, esto es representativo: el tamaño de este archivo es demasiado grande.
Panel de dependencia:
Las dependencias se enumeran de mayor a menor.