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.