Vous devez utiliser le nouveau configuration
option (cela fonctionne pour ng build
et ng serve
ainsi)
ng serve --configuration=local
ou
ng serve -c local
Si vous regardez votre angular.json
le fichier, vous verrez que vous avez plus de contrôle sur les paramètres pour chaque configuration (aot, optimizer, fichiers d'environnement,...)
"configurations": {
"production": {
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
]
}
}
Vous pouvez obtenir plus d'infos ici pour la gestion de l'environnement des configurations spécifiques.
Comme indiqué dans la réponse ci-dessous, si vous avez besoin d'ajouter un nouvel "environnement", vous devez ajouter une nouvelle configuration pour le construire tâche et, en fonction de vos besoins, de le servir et de test des tâches en tant que bien.
L'ajout d'un nouvel environnement
Edit:
Pour faire clair, le fichier de remplacement doivent être spécifiés dans l' build
section. Donc, si vous voulez utiliser ng serve
avec un environment
fichier (disons dev2), vous devez d'abord modifier l' build
section pour ajouter un nouveau dev2 de configuration
"build": {
"configurations": {
"dev2": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.dev2.ts"
}
/* You can add all other options here, such as aot, optimization, ... */
],
"serviceWorker": true
},
Modifiez ensuite votre serve
section pour ajouter une nouvelle configuration ainsi, pointant vers le dev2 build
configuration que vous avez déclaré
"serve":
"configurations": {
"dev2": {
"browserTarget": "projectName:build:dev2"
}
Ensuite, vous pouvez utiliser ng serve -c dev2
, qui va utiliser le dev2 fichier de config