Building for Different Environments

Learn how to build an Angular application for different environments using configuration parameters.

We'll cover the following

Creating environment files in the application
Building for the window object

An organization may want to build an Angular application for multiple environments that require different variables, such as a backend API endpoint and application local settings. A common use case is a staging environment for testing the application before deploying it to production.

The Angular CLI enables us to define different configurations for each environment and build our application with each one. We can execute the ng build command (for a local machine) while passing the configuration name as a parameter using the following syntax:

Get hands-on with 1200+ tech skills courses.

Getting Started

Building Our First Angular Application

Introduction to TypeScript

Organizing Applications into Modules

Enabling User Experience with Components

Enrich Applications Using Pipes and Directives

Managing Complex Tasks with Services

Being Reactive Using Observables and RxJS

Communicating with Data Services over HTTP

Navigating through Application with Routing

Collecting User Data with Forms

Introduction to Angular Material

Unit Test an Angular Application

Bringing an Application to Production

Handling Errors and Application Debugging

Wrap Up

Appendix

Building for Different Environments