Use different Angular 9 environment files when debugging in VS Code

Question

I have multiple Angular 9 environment.ts files that contain url´s for different servers that I am developing for e.g. prod, staging, dev, localhost. When I hit F5 the default environment.ts file is used which contains the localhost urls.

I want to be able to debug against my dev and staging servers, even prod when I hit F5. Is there an easy way to change which file is used when I hit F5 debug mode in VSCode?

Here is the launch.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}",
        }
    ]
}

Do you use ng serve to build and serve your app in dev mode ? — Thierry Falvo
– Thierry Falvo, Commented Mar 9, 2020 at 16:42

Thierry Falvo · Accepted Answer · 2020-03-09 17:03:49Z

1

You should switch between your different environment files, with for example for your staging environment :

  ng serve --configuration staging

answered Mar 9, 2020 at 17:03

Thierry Falvo

6,3202 gold badges25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use different Angular 9 environment files when debugging in VS Code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related