title: HTML5, ES6 template string polyfill
body: <p>For our application we need to use new feature <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="noreferrer"><code>template string</code></a>. </p>
  
  <pre><code>var verLongKey= `834r845784576485
  y84ery5845y485yu843
  483y53485684576845
  jhu87843647356756745==457485,mh
  ererthe8t0998785==ery8`;
  </code></pre>
  
  <p>But old browsers(like android default browsers) don't support template string.</p>
  
  <p>How can I get polyfill for this feature?
  Tried <a href="https://github.com/JasonBerry/babel-es6-polyfill" rel="noreferrer"><code>babel</code></a>. We got this polyfill working for all features but <code>template string</code>.
  Currently using <a href="https://modernizr.com/download?templatestrings-setclasses" rel="noreferrer"><code>modernizr</code></a> to detect support and show alert to use other browser.
  This approach is annoying for users. How can i get some polyfill to make this work on the non supporting browsers?</p>
  
  <p>What made us this <code>template strings</code>.
  The problem is i can't use these tools(<code>trceur</code>,<code>babel</code>) as this file is generated on the production from <code>puppet</code>. There is no way we will run these transpilers there. want to add some polyfill on the browser side. the key contains some <code>\n</code> characters in it need to preserve those. I want some polyfill so, i can include before the configs js file.</p>