How does Angular handle multiple environments (e.g., development, production)?

Short answer: Angular uses the fileReplacements option in angular.json.

Explain a bit more

You create environment files like environment.ts and environment.prod.ts. During build, Angular replaces the environment file based on the target configuration. Example in angular.json: "configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } } } Allows different API endpoints, debug flags, or configurations per environment. Best Practices

Real-world example (ShopNest)

ShopNest admin can be built in Angular with modules/components, services for API calls, and reactive forms for product edit.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.