ADVERTENCIA en presupuestos, máximo superado para inicial
Al construir mi proyecto Angular 7 con --prod, recibo una advertencia en formato budgets
.
Tengo un proyecto Angular 7. Estoy intentando compilarlo, pero sigo recibiendo la siguiente advertencia:
WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB
Estos son los detalles del fragmento:
chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB [rendered]
chunk {0} runtime.ec2944dd8b20ec099bf3.js (runtime) 1.41 kB [entry] [rendered]
chunk {1} main.13d1eb792af7c2f359ed.js (main) 3.34 MB [initial] [rendered]
chunk {2} polyfills.11b1e0c77d01e41acbba.js (polyfills) 58.2 kB [initial] [rendered]
chunk {3} styles.33b11ad61bf10bb992bb.css (styles) 379 kB [initial] [rendered]
¿Qué son exactamente los presupuestos? ¿Cómo debo gestionarlos?
Abra el archivo angular.json y busque budgets
la palabra clave.
Debería verse así:
"budgets": [
{
"type": "initial",
"maximumWarning": "2mb",
"maximumError": "5mb"
}
]
Como probablemente habrás adivinado, puedes aumentar el maximumWarning
valor para evitar esta advertencia, es decir:
"budgets": [
{
"type": "initial",
"maximumWarning": "4mb", <===
"maximumError": "5mb"
}
]
¿ Qué significa presupuestos ?
Un presupuesto de rendimiento es un conjunto de límites a ciertos valores que afectan el rendimiento del sitio, que no pueden excederse en el diseño y desarrollo de cualquier proyecto web.
En nuestro caso, el presupuesto es el límite para el tamaño de los paquetes.
Ver también:
- https://github.com/webpack/webpack/issues/3216
- https://angular.io/guide/build#configure-size-budgets
- Presupuestos de rendimiento (mantenga bajos los recuentos de solicitudes y los tamaños de archivos)
En mi caso tuve que cambiar así, la solución aceptada no funcionó. Estoy usando TensorFlow.js en Angular.
"budgets": [
{
"type": "initial",
"maximumWarning": "4mb",
"maximumError": "5mb"<=== instead!
}
]