Angular 12 viene con el modo de producción predeterminado, ¿cómo podemos mantener el modo de desarrollo antiguo activado? Nos falta el mapa fuente y main.js también está minimizado de forma predeterminada, lo cual es genial pero no ayuda en el modo de desarrollador.
Entonces, la pregunta es cómo volver al modo de desarrollo anterior o generar un mapa fuente y no minificar. Intenté actualizar la configuración en angular.json pero no funcionó.
"optimization": { "scripts": false, "styles": { "minify": false, "inlineCritical": false }, "fonts": false }, "outputHashing": "none", "sourceMap": true, "extractCss": true,Con Angular CLI v12.2.3,
ng build --configuration developmentno estaba funcionando para mí.
Así que tuve que usar el siguiente comando en su lugar:
ng build --configuration="development"El problema es que no usó ng update al actualizar a la última versión, sino que actualizó manualmente.
Puede intentar ejecutar las migraciones usted mismo:
ng update @angular/cli --migrate-only --from 11 --to 12 Si esto no funciona por alguna razón, angular.json ha recibido bastantes actualizaciones. Le aconsejaría que cree un nuevo proyecto con v12 y verifique qué diferencias hay entre su angular.json actual y el nuevo.
Por ejemplo, dentro de la ruta .../architect.serve no hay una "defaultConfiguration": "development" . Donde para .../architect.build esto se establece en "production" . Quizás agregar estos para su proyecto ya debería ser suficiente.
--prod En desuso: Use --configuration production en su lugar.
La configuración predeterminada se establece en producción para ng build cuando se genera un nuevo proyecto.
tienes 2 opciones
ng build --configuration developmentangular.json projects > {YOUR-PROJECT-NAME} > architect > build > defaultConfigurationAcabo de agregar una sección de desarrollo en compilación/configuraciones
"development": { "optimization": false, "sourceMap": true, "namedChunks": true, "extractLicenses": true, "vendorChunk": true, "buildOptimizer": false, "budgets": [ { "type": "initial", "maximumWarning": "2mb", "maximumError": "6mb" }, { "type": "anyComponentStyle", "maximumWarning": "6kb", "maximumError": "10kb" } ] }Y bajo servir/configuraciones:
"development": { "browserTarget": "studio:build:development" }y ejecuto la aplicación con ng serve myapp --configuration development