Al mirar el código incluido en la herramienta Cobertura de Chrome Dev Tools, noté que había una gran cantidad de código sin usar incluido en mi paquete de cliente, así que investigué un poco sobre las optimizaciones de paquetes web que podía hacer y las agregué a mi configuración de paquetes web.
optimization: { usedExports: true, sideEffects: true, minimize: true, providedExports: true, },Después de agregar esto, la herramienta de cobertura mostró una gran disminución en la columna de tamaño, así como una disminución en el porcentaje de código no utilizado, por lo que supuse que funcionaba. También examiné que el código no utilizado que vi antes se eliminó del paquete. Sin embargo, al implementar la aplicación, una herramienta de monitoreo que utilizo mostró que el tamaño del paquete en realidad había aumentado en 2 kb. También intenté usar el complemento Statoscope y muestra que el paquete aumenta en 2 kb.
No entiendo por qué exactamente esto podría estar aumentando el tamaño del paquete dado que el código no utilizado parece haber sido eliminado y el número total de líneas en el paquete también está disminuyendo. He intentado poner esto en otras aplicaciones también, y veo exactamente el mismo patrón en el que la pestaña Cobertura muestra una gran disminución en el tamaño, pero el tamaño del paquete en realidad está aumentando.
¿Hay alguna razón por la que la herramienta Cobertura muestre una disminución en el tamaño cuando en realidad el tamaño del paquete está aumentando?
Parece que webpack-dev-server crea su propio paquete separado almacenado en la memoria, que es distinto del producido por mi script de compilación, y webpack tiene optimizaciones de sacudidas de árboles deshabilitadas de manera predeterminada cuando el modo es 'desarrollo' y está habilitado de manera predeterminada cuando el modo es 'producción'. Pensé que webpack-dev-server estaba sirviendo el paquete que produce webpack a partir de mi secuencia de comandos de compilación, pero estaba creando un paquete en modo de desarrollo, lo que causó la discrepancia en los tamaños de paquete entre lo que vi en el analizador de Statoscope y la cobertura de Chrome. herramienta.