title: How to handle Multiple Webpack Builds based on differant ES Version?
body: <p>tl;dr</p>
  <p>How to export different versions of my script <code>main.js</code> as <code>main-es-2017.js</code> and <code>main-es5.js</code> and include both these files in my HTML?</p>
  <p>The Long version of the question:</p>
  <p>when we transpile files into ES5 there is some unnecessary code is added which is not required for the modern browsers hence I wanted to export multiple versions of my script one for the old browsers and one for new browsers.</p>
  <p>I understand that we can simply load different files with a simple <code>nomodule</code> attribute but how to handle that with the Webpack.</p>
  <p>I am using the <a href="https://webpack.js.org/plugins/html-webpack-plugin/" rel="nofollow noreferrer">HTMLWebpack plugin</a> to create HTML and I am using <a href="https://github.com/swimmadude66/webpack-nomodule-plugin" rel="nofollow noreferrer">HTML No Module plugin</a> for adding No Module attribute.</p>
  <p>Reference Link: <a href="https://philipwalton.com/articles/deploying-es2015-code-in-production-today/" rel="nofollow noreferrer">https://philipwalton.com/articles/deploying-es2015-code-in-production-today/</a></p>
  <p>Thanks in advance!!!</p>