Як встановити середовище за допомогою "ng serve" у Angular 6

Я намагаюся оновити додаток Angular 5.2 до Angular 6. Я успішно дотримувався інструкцій у посібнику з оновлення Angular (включаючи оновлення angular-cliдо v6), і тепер я намагаюся обслуговувати додаток через

ng serve --env=local

Але це дає мені помилку:

Невідомий варіант: '--env'

Я використовую кілька середовищ ( dev/local/prod), і саме так він працював у Angular 5.2. Як я можу встановити середовище зараз у куті 6?

Вам потрібно скористатися новою configurationопцією (це працює ng buildі для ng serve)

ng serve --configuration=local

або

ng serve -c local

Якщо ви подивитеся на свій angular.jsonфайл, ви побачите, що ви маєте більш тонкий контроль над налаштуваннями для кожної конфігурації (aot, оптимізатор, файли оточення, ...)

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

Ви можете отримати більш детальну інформацію тут для управління навколишнього середовища конкретних конфігурацій.

Як зазначається в іншій відповіді нижче, якщо вам потрібно додати нове "середовище", вам потрібно додати нову конфігурацію до завдання збірки, а також, залежно від ваших потреб, до сервісних і тестових завдань.

Додавання нового середовища

Редагування : Щоб зрозуміти, в buildрозділі потрібно вказати заміну файлів . Отже, якщо ви хочете використовувати ng serveз певним environmentфайлом (скажімо, dev2 ), спочатку потрібно змінити buildрозділ, щоб додати нову конфігурацію dev2

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

Потім змініть свій serveрозділ, щоб також додати нову конфігурацію, вказуючи на щойно оголошену конфігурацію dev2 build

"serve":
      "configurations": {
        "dev2": {
          "browserTarget": "projectName:build:dev2"
        }

Потім ви можете використовувати ng serve -c dev2, який буде використовувати файл конфігурації dev2

Ця відповідь здається гарною.
однак це призвело мене до помилки, оскільки це призвело до
Configuration 'xyz' could not be found in project ...
помилки в збірці.
Це вимагає не тільки оновлених конфігурацій збірки , але й їх обслуговування .

Тож просто не залишайте плутанини:

1. --env не підтримується в angular 6
2. --envперетворився на --configuration|| -c(і зараз є більш потужним)
3. щоб керувати різними envs, окрім додавання нового файлу середовища, тепер потрібно внести деякі зміни у angular.jsonфайл:
   • додати нову конфігурацію у властивість збірки { ... "build": "configurations": ...
   • нова конфігурація збірки може містити лише fileReplacementsчастину (але доступно більше варіантів)
   • додати нову конфігурацію в служити { ... "serve": "configurations": ... властивість
   • нова конфігурація сервісу повинна міститиbrowserTarget="your-project-name:build:staging"

Ви можете спробувати: ng serve --configuration=dev/prod

Для побудови використовувати: ng build --prod --configuration=dev

Сподіваюся, що ви використовуєте інший тип оточення.

Для кутових 2 - 5 див. Статтю Кілька середовищ у кутових

Для кутових 6 використання ng serve --configuration=dev

Примітка. Ознайомтеся з тією ж статтею і для кутового 6. Але де б ви не знайшли, --envзамість цього використовуйте --configuration. Це добре працює для кутових 6.

Ви можете використовувати команду ng serve -c devдля середовища розробки ng serve -c prodдля виробничого середовища

в той час як будівництво також застосовується Ви можете використовувати ng build -c devдля побудови розробників

Кутовий більше не підтримує --env, замість цього вам доведеться користуватися

ng serve -c dev

для середовища розвитку та,

ng serve -c prod 

на виробництво.

ПРИМІТКА: -cабо--configuration

Використовуйте цю команду для кутового 6 для побудови

ng build --prod --configuration=dev