Comment ajouter/environnement de jeu Angulaire 6 angulaire.fichier json

Comment puis-je spécifier l'environnement à utiliser dans Angulaire 6? Le .angular-cli.json fichier semble avoir changé de angular.json à partir de versions précédentes et, avec elle, la structure de la json à l'intérieur.

Comment/où dans ce fichier dois-je préciser les environnements à utiliser?

InformationsquelleAutor Danoram | 2018-05-13
  1. 39

    Ouvrir angulaire.fichier json. nous pouvons voir les configurations par défaut, il sera montré pour la production ajouter un extrait de code pour vos environnements respectifs. ajouter de l'environnement.dev.fichier ts en environnement de dev, ajouter de l'environnement.assurance de la qualité.ts pour l'assurance qualité. Nom que vous préféré.
    utilisation

     ng serve --configuration=environment_name

    environment_name - (dev,qa,prod) même procédure peut être suivie pour les ng construire

    "configurations": {
        "production": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true
        },
        "dev": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": true,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true
        },
        "qa": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.qa.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true
        }
      }
    • C'est l'information que je cherchais! Le défaut angulaire.fichier json inclut seulement la production de config donc je n'avais aucune idée de comment le programme d'installation d'autres environnements tels que les dev.
    • et aussi comment définir l'environnement dans angulaires-cli
    • Vous pouvez utiliser ng build --configuration=environment_name pour la construction. Pour l'exécution à l'aide de ng servir, ajouter l'extrait de code en servir propriété angulaire.fichier json "servir": { ..... "configurations": { "production": { "browserTarget": "AppName:construire:la production" }, "environment_name": { "browserTarget": "AppName:construire:environment_name" }, }, Puis utiliser ng-service-configuration=environment_name
    InformationsquelleAutor rawoof ahamed
  2. 13

    J'ai essayé de répondre à ajouter une nouvelle configuration "test" dans mon Angulaire 6 app, puis a couru 

    ng serve --configuration=test

    Et ai une erreur disant "Configuration" test "n'a pas pu être trouvé dans le projet".
    Regarder vers le bas dans angulaire.fichier json et il y a une autre section sous le titre "construire" qui est appelé "servir". La nouvelle configuration doit être ajouté à la section de configuration sous "servir" aussi pour obtenir ng servir à travailler avec elle:

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "my-app:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "my-app:build:production"
        },
        "test": {
          "browserTarget": "my-app:build:test"
        }
      }
    },
    • c'est pour ng build --configuration=qa, de ne pas servir.
    • afin d'obtenir servent à courir comme mentionné dans la réponse, j'ai encore besoin d'ajouter de la présente partie.
    InformationsquelleAutor wctiger
  3. 0

    Il y a une propriété dans angulaire.json pour spécifier le fichier à utiliser en dev et de prod et comme d'habitude, vous pouvez importer l'environnement.ts dans votre projet pour obtenir ce dont vous avez besoin.

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