angular cli change default environment when running ng serve

Question

When I run ng serve it uses default environment as dev. Is there a way to update angular cli to use a different environment file?

Update

Sorry, Should have been more clear in my question. I know we can use --env switch to specify the environment file to use, but was wondering if there is a way to change the default environment file selection when no env is specified. Currently we have environment.local.ts file, I am trying to update angular cli configuration to use environment.local.ts when no environment is specified.

Answer 1

I had the same issue as you, and couldn't find a way to override the default environment variable used when no env arg is passed, but found a workaround that worked for me:

Simply change the file path that is standing for the dev environment in the angular cli configuration file (angular-cli.json):

// ...
"environments": {
  "dev": "environments/environment.local.ts",
  "prod": "environments/environment.prod.ts"
},
// ...

dev is the default environment variable used by Angular CLI if no args are passed, so the local file would be the used one.

Answer 2

For Angular 6+ follow these instructions:

First you will define your environments in your angular.json, create those files, and then you will run via "ng serve --configuration dev"

This document covers the details of the above:

https://theinfogrid.com/tech/developers/angular/environment-variables-angular/

Additionally you will need to define the same in the "serve" section of the JSON...i.e:

"serve": {
 [...]
 "configurations": {
   "production": {
     "browserTarget": "myApp:build:production"
   },
   "debug": {
     "browserTarget": "myApp:build:debug"
   }
 }