Angular 6: configurations multiples (environnements twas)

Question

Essayer d'obtenir angular-cli pour reconnaître plusieurs configurations en angular.json

 C:\_dev\myapp>ng serve --configuration development
Configuration 'development' could not be found in project 'myapp'.
Error: Configuration 'development' could not be found in project 'myapp'.
 

L'extrait étant:

     "configurations": {
        "production": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.production.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true
        },
        "development": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.development.ts"
            }
          ],
          "optimization": false,
          "outputHashing": "all",
          "sourceMap": true,
          "extractCss": true,
          "namedChunks": true,
          "aot": false,
          "extractLicenses": false,
          "vendorChunk": true,
          "buildOptimizer": false
        }
      }
 

src/environments/environment.development.ts existe

 ng serve --configuration production 
 

fonctionne bien

Answer 1

Il y a un configurations entrée dans l' build et de la serve de la section de l' angulaire.json fichier. Le purger une partie a besoin de savoir à propos de votre configuration personnalisée ainsi. En supposant que le nom de la configuration est de débogage, l'ajouter à la servir section comme suit

"projects": {
  "myApp": {
     [...]
     "architect": {
       "build": {
         [...]
         "configurations": {
           "production": { [...] },
           "debug": { [...] }
         }
       },
       "serve": {
         [...]
         "configurations": {
           "production": {
             "browserTarget": "myApp:build:production"
           },
           "debug": {
             "browserTarget": "myApp:build:debug"
           }
         }
       }
     }
   }
 }

N'oubliez pas d'ajuster myApp de vos projets nom de l'égalité de l'enfant direct de l' project section angulaire.json. Aussi les deux debugs'doit correspondre à votre configuration en build section.

Puis servir avec

ng serve --configuration=debug

Answer 2

Angulaire 2 - 5 se référer à l'article étape par étape, la solution pour l'utilisation Multiple de l'Environnement dans angulaire

Angulaire 6 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.