Comment définir l'environnement par le biais de " ng servir dans Angulaire 6

Je suis en train de mettre à jour mon Angulaire 5.2 application Angulaire 6. J'ai correctement suivi les instructions dans l'angle guide de mise à jour (y compris la mise à jour de angular-cli à v6), et maintenant je suis en train de servir de l'application via

ng serve --env=local

Mais cela me donne l'erreur:

Option inconnue: '--env"

- Je utiliser plusieurs environnements (dev/local/prod), et c'est la façon de travailler dans Angulaire 5.2. Comment puis-je régler l'environnement maintenant Angulaire 6?

son v6, vous mettez à jour angular-cli aux côtés de l'ensemble de l'application, j'ai donc pensé que son évidente :]
Très utile, Martin. Merci pour le partage de votre point de vue. En fait, il n'est pas le moins évident.

OriginalL'auteur Martin Adámek | 2018-05-04

183

Vous devez utiliser les nouvelles configuration option (cela fonctionne ng build et ng serve)
```
ng serve --configuration=local
```
ou
```
ng serve -c local
```
Si vous regardez votre angular.json 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'informations 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 à l' construire tâche et, en fonction de vos besoins, de la servir et test des tâches en tant que bien.

L'ajout d'un nouvel environnement

Modifier:
Pour faire clair, le fichier de remplacement doit être spécifié dans le build section. Donc, si vous voulez utiliser ng serve avec un environment fichier (disons dev2), vous devez d'abord modifier le build section pour ajouter un nouveau dev2 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
        },
```
Ensuite modifier 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

savez-vous si il est également possible d'ajouter de base href dans les configurations? ou tout simplement en ng build --c mise en scène --base-href = /yyy/
Oui, vous pouvez, il est une baseHref option
github.com/angular/angular-cli/issues/10676
Où pourrais-je spécifier la distance port de débogage pour l'environnement de dev ? Afin de déboguer avec VSCode. Dans Angular 6 de cours. De sorte que le ng serve de commande comprend le débogueur distant de port lors du lancement de la Chrome navigateur.
lien info mise à jour: github.com/angular/angular-cli/wiki/...

OriginalL'auteur David
32

La https://stackoverflow.com/a/50174679/1484847 réponse semble bon.
cependant, il me mène vers une erreur qu'il a entraîné avec Configuration 'xyz' could not be found in project ... erreur dans la construction.
Il est requierd non seulement à la mise à jour construire configurations, mais aussi servir
.

Afin de ne laisser aucune confusion:
1. --env n'est pas pris en charge dans angular 6
2. --env a été changé dans --configuration || -c (et il est maintenant plus puissant)
3. à la gestion des différents envs, en plus de l'ajout de nouveaux fichier d'environnement, il est maintenant nécessaire de faire quelques changements dans angular.json fichier:
  - ajouter nouvelle configuration dans la construire { ... "build": "configurations": ... propriété
  - nouveau de configuration de la compilation peuvent contenir que des fileReplacements partie, (mais d'autres options sont disponibles)
  - ajouter nouvelle configuration dans la servir { ... "serve": "configurations": ... propriété
  - nouveau servir de configuration doit contenir de browserTarget="your-project-name:build:staging"
OriginalL'auteur garfunkel61
4

Vous pouvez essayer: ng serve --configuration=dev/prod

Pour générer l'utilisation de: ng build --prod --configuration=dev

Espère que vous êtes en utilisant un autre type d'environnement.

ng service-configuration=dev/prod commande prend du temps à le comparer à ng servir pourquoi?
ng service-configuration=prod prend plus de temps, ng service-configuration=prod en raison de fichier minimisation et en raison de la production de code prêt à l'emploi.
ok si j'utilise "ng service-configuration=dev de la commande" signifie aussi prendre plus de temps
Non, il ne devrait pas prendre plus de temps. L'environnement de prod a des étapes supplémentaires pour rapetisser, uglify et d'optimiser le code pour la production. Les autres environnements doivent prendre le temps normal, sauf si vous explicitement activer ces étapes supplémentaires.

OriginalL'auteur amku91
3

Angulaire 2 - 5 se référer à l'article Plusieurs Environnement angulaire

Angulaire 6 utilisation ng serve --configuration=dev

Remarque: reportez-vous au même article angulaire 6 ainsi. Mais partout où vous les trouverez --env au lieu d'utiliser --configuration. Cela fonctionne bien pour angulaires 6.

OriginalL'auteur Prasanth Venkatesan
1

Utilisez cette commande Angulaire de 6 à construire
```
ng build --prod --configuration=dev
```
C'est une drôle de combinaison..

OriginalL'auteur Sateesh
1

Vous pouvez utiliser la commande ng serve -c dev pour l'environnement de développement
ng serve -c prod pour un environnement de production

lors de la construction de aussi la même chose s'applique. Vous pouvez utiliser ng build -c dev pour dev construire

OriginalL'auteur Shridhar Acharya
0

Angulaire ne prend plus en charge --env au lieu de cela, vous devez utiliser
```
ng serve --c dev
```
pour le développement et l'environnement,
```
ng serve --c prod 
```
pour la production. Espérons que cette aide.

Cela a été demandé à & répondit an, il y a aussi votre réponse est fausse, sa -c (avec un seul tiret) ou --configuration (avec deux tirets).
Ok , merci pour l'info

OriginalL'auteur Shilpa Soni

Vous devez vous connecter pour publier un commentaire.