Используйте различные файлы среды Angular 9 при отладке в VS Code

Question

У меня есть несколько Angular 9 файлов environment.ts, которые содержат URL-адреса для разных серверов, которые я разрабатываю, например, для prod, staging, dev, localhost. Когда я нажимаю F5, используется файл default.ts по умолчанию, который содержит URL-адреса локального хоста.

Я хочу иметь возможность отладки на моих dev и промежуточных серверах, даже если я нажму F5. Есть ли простой способ изменить, какой файл используется, когда я включаю режим отладки F5 в VSCode?

Вот запуск. json file:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [

        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}",
        }
    ]
}

Answer 1

Вы должны переключаться между различными файлами среды, например, для вашей среды staging:

  ng serve --configuration staging