title: Different assets location for development and production for Angular 8 app
body: <p>Suppose I have multiple <em><strong>img</strong></em> tags in my Angular 8 project. And I need the path for those images to be different when I build the app for production. For example, if I have the following in html template while working on the project locally</p>
  
  <pre><code>&lt;img src="assets/image1.jpg" /&gt;
  </code></pre>
  
  <p>I need it to become</p>
  
  <pre><code>&lt;img src="images/image1.jpg" /&gt;
  </code></pre>
  
  <p>for the production version. Using <code>--baseHref</code> and <code>--deployUrl</code> does not help.</p>
  
  <p>How can I do this?</p>