angular cli 6 пользовательских опций для сборки (переменные окружения)

Question

Ну, я не люблю, когда переменные окружения контролируются версиями, потому что я хочу иметь возможность конфигурировать приложение, не развертывая его заново.

У меня есть один вопрос. Как добавить пользовательскую опцию angular cli 6 из команды ng build? Например, я хочу: ng build --api-url="http:/my-url.com" Другими словами, как я могу установить переменные среды?

Answer 1

Я считаю, что это может вам помочь.

Для моего собственного проекта у меня есть 4 файла среды,

1. environment.ts (для моего локального хоста)
2. environment.dev.ts (для моего тестового сервера разработчиков)
3. environment.staging.ts (для моего тестового сервера)
4. environment.prod.ts (для рабочего сервера моего проекта)

Все 4 файла имеют разные URL-адреса API (базовый URL-адрес для вызовов API моего проекта), поэтому мне нужна настраиваемая сборка для каждой среды.

Теперь я считаю, что ваша ситуация более или менее такая же, поэтому я предлагаю вам создать другие файлы среды.

Тогда в вашем angular.json файл, вам необходимо определить эти конфигурации следующим образом:

"configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              ...
              ...
              ...
              ...
            },
            "staging": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.staging.ts"
                }
              ],
              ...
              ...
              ...
              ...
            },
            "dev": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.dev.ts"
                }
              ],
              ...
              ...
              ...
              ...
            }
          }

После определения всех конфигураций все, что вам нужно сделать, это запустить команду ng build с параметром конфигурации.

• Для разработчиков ng build --configuration=dev
• Для постановки ng build --configuration=staging
• Для производства ng build --configuration=production

Вот и все. Теперь ваши сборки будут использовать правильные файлы среды.