Как добавить / установить окружение Angular 6 файл angular.json

Question

Как мне указать среду для использования в Angular 6?Файл .angular-cli.json, похоже, изменился на angular.json по сравнению с предыдущими версиями, и вместе с ним структура json в пределах.

Как / где в этом файле указать среды для использования?

Answer 1

Открыть файл angular.json. мы можем видеть конфигурации по умолчанию, они будут показаны для рабочего кода добавления кода для ваших соответствующих сред. добавьте файл environment.dev.ts в среду для dev, добавьте environment.qa.ts для qa. Назовите, как вы предпочитали. используйте

 ng serve --configuration=environment_name

environment_name - (dev, qa, prod) тот же процесс можно выполнить для ng build

"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
        }
      }

Answer 2

Я попытался ответить, чтобы добавить новую конфигурацию 'test' в мое приложение Angular 6, затем запустил

ng serve --configuration=test

и получил сообщение о том, что 'Configuration' test 'не найден в проекте'.Посмотрите в файл angular.json, и в разделе "build" есть еще один раздел, который называется "serve".Новая конфигурация должна быть добавлена ​​в раздел конфигурации в разделе «serve», чтобы заставить ng serve работать с ней:

"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"
        }
      }
    },

Answer 3

В angular.json есть свойство, указывающее, какой файл использовать в dev и prod, и, как обычно, вы импортируете environment.ts в свой проект, чтобы получить то, что вам нужно.

"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
        }
      }