solución de optimización de empaquetado de paquetes web

Analizar archivos empaquetados

Para optimizar, analice primero. Primero necesitamos saber qué es exactamente lo que ralentiza el envasado.

Podemos utilizar el complemento webpack-bundle-analyzer para analizar los archivos generados por el empaquetado.

Modifique el archivo webpack.prod.conf: no habrá archivos grandes después de usarlo este complemento para construir.

Utilice el complemento DllPlugin para separar paquetes de software de terceros

Utilice add-asset-html-webpack-plugin para agregar dinámicamente dll.js a html.

Nota

Después de optimizar los elementos anteriores, el tiempo de empaquetado se reduce de 30 minutos a 2 minutos o menos, pero todavía hay espacio para la optimización, por lo que puede utilizar otras optimizaciones de CDN. métodos.