Environment | Angular

• Environment | Angular

Criar environment nas versões mais nova

Rode o comando abaixo:

ng generate environments

Será criado dois arquivos: environment.ts e environment.prod.ts. No angular.json será alterado para adicionar esses arquivos. Abaixo está um exemplo de como pode ficar:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "history-course": {
     //...
      "architect": {
        "build": {
          "builder": "@angular/build:application",
          "options": {
            "browser": "src/main.ts",
            "tsConfig": "tsconfig.app.json",
            "assets": [
              {
                "glob": "**/*",
                "input": "public"
              }
            ],
            "styles": [
              "src/styles.css"
            ]
          },
          "configurations": {



            //modo produção
            "production": {
              "fileReplacements": [
                {
                  //em modo produção, os valores do arquivo environment.prod.ts vão ser copiados para o environment.ts
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "500kB",
                  "maximumError": "1MB"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "4kB",
                  "maximumError": "8kB"
                }
              ],
              "outputHashing": "all"
            },



            //modo development
            "development": {
              "optimization": false,
              "extractLicenses": false,
              "sourceMap": true,
              "fileReplacements": [
                {
                  //em modo development, os valores do arquivo environment.development.ts vão ser copiados para o environment.ts
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.development.ts"
                }
              ]
            }
          },
          "defaultConfiguration": "production"
        },
       //...
      }
    }
  },
}

Rodar comandos com as configurações

ng serve
ng serve --configuration testing
ng serve --configuration stage


ng build
ng build --configuration testing
ng build --configuration stage