title: Configure Angular with ASP.NET Core on Azure App Service
body: <p>I have a web app with <strong>Angular</strong> and <strong>.NET 5</strong> and I want to host it on 2 different <strong>Azure App Service</strong> (one for the Test environment and one for Prod).</p>
  <p>I have followed the page <a href="https://angular.io/guide/build" rel="nofollow noreferrer">https://angular.io/guide/build</a> and created the following environments:</p>
  <ul>
  <li>environment.ts</li>
  <li>environment.test.ts</li>
  <li>environment.prod.ts</li>
  </ul>
  <p>The web app I'm publishing from Visual Studio from a .pubxml file (I have 2 different ones for each app service).</p>
  <p><strong>How can I configure the App Services to use separate Angular environment variables?</strong>
  For example:</p>
  <p><em>App service A -&gt; environment.test.ts</em></p>
  <p><em>App service B -&gt; environment.prod.ts</em></p>
  <p>I assume there should be some additional changes done to <strong>package.json</strong> and some to the .NET web project.</p>