Use the Angular CLI Environment to Define Constants

Share this video with your friends

Send Tweet

A default Angular application ships with two default environment files that can store constants that are different for each environment, one for development and the other for production.

We will define the apiUrl constant in both development and production environments.

The value for development is http://localhost:3000/api and the value for production is https://egghead-products-api.now.sh/api .

In angular.json we can find a configurations object where our production build is defined. We can see that in a production build, the environment.prod.ts will replace environment.ts.

Link to product api used in lessons