title: Variables in HTML with gulp
body: <p>Is there a way to replace variables with gulp inside HTML? In my case, I have development HTML files where are paths for images, for e.g. <code>/assets/img/*.jpg</code>, but in production file I need those paths replace with ones which the CMS generates after file uploads. They are completely different and there isn't logic in folder names for e.g. <code>/12365/586/*.jpg</code>.</p>
  
  <p>Im looking for:</p>
  
  <ul>
  <li>gulp task to replace and generate HTML for development</li>
  <li>gulp task to replace and generate HTML for production</li>
  </ul>
  
  <p>Dev HTML</p>
  
  <pre><code>variable_name_dev = "/assets/img"
  variable_name_prod = "/12365/5698"
  
  &lt;img src="variable_name/bg.jpg" alt="Smiley face"&gt;
  </code></pre>
  
  <p>Generated Dev HTML</p>
  
  <pre><code>&lt;img src="/assets/img/bg.jpg" alt="Smiley face"&gt;
  </code></pre>
  
  <p>Generated Production HTML</p>
  
  <pre><code>&lt;img src="/12365/5698" alt="Smiley face"&gt;
  </code></pre>