Saltar al contenido

Desactivar y activar el modo de producción en angular

También puede que se pregunte si puede cambiar el nombre del archivo del entorno. La respuesta es sí. ¿Por qué no? Pero necesitas añadir algo más de configuración. Necesitas decirle a Angular que tienes diferentes archivos definiendo el nombre del archivo en la configuración de Angular.

Así que ahora la pregunta es, ¿dónde necesitas hacer los cambios para que Angular conozca los archivos y los use en modo de producción?

Desactivar y activar el modo de producción en angular
Desactivar y activar el modo de producción en angular

Angular.json

En su solicitud, tiene un archivo llamado angular.json. No entraré en la configuración completa de angular.json. Sólo te diré los cambios clave que necesitas hacer en angular.json para que Angular pueda usar tus archivos en lugar de los predeterminados.

1234567891011121314151617181920212223242526 "configuraciones":{"producción":{"archivoSustituciones":[{"sustituir": "src/ambiente/ambiente.ts", "con": "src/ambiente/ambiente.prod. ts"}], "optimización":true, "outputHashing": "all", "sourceMap":false, "extractCss":true, "namedChunks":false, "aot":true, "extractLicenses":true, "vendorChunk":false, "buildOptimizer":true, "budgets":[{"type": "initial", "maximumWarning": "2mb", "maximumError": "5mb"}]}}

ts

Hay un objeto de configuración en angular.json donde se puede ver la configuración relacionada con la producción. Sólo tienes que cambiar la ruta en la matriz de FileReplacements. En clave de reemplazo, tienes que dar la ruta del archivo que vas a usar en el modo de desarrollo. Y en clave, tienes que dar la ruta del archivo que vas a usar en el modo de producción.

Pero en el momento de la construcción, también tienes la opción de elegir los archivos. si haces una construcción usando el comando below:

1ng build

consola

Pero si tienes que especificar que tienes que usar la configuración del modo de producción, haz una construcción usando el siguiente comando:

1ng build --prod

consola