title: The best way to handle environments in Angular with Typescript
body: <p>I am currently working on a strategy to handle multiple environments as easy as possible in Angular CLI.</p>
  
  <p>For this I follow this approach:
  <a href="https://i.stack.imgur.com/GuoGO.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GuoGO.jpg" alt="enter image description here"></a></p>
  
  <p>My goal is to have the base URLs for different REST endpoints just once and all the environments should have them (extending or something).</p>
  
  <p>What is the best way to implement this?</p>