ES6 - Шаблон строки взломать для IE 11

Question

Я использую длинный скрипт HTML Template в файле JS, например:

var TEMPLATE = `
<div>
  <ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
  </ul>
</div>`;

. Он работает во всех браузерах (включая Chrome, Safari, Firefox и EDGE), но не в Internet Explorer 11, 10..

Можете ли вы предложить, как я могу это исправить?

Answer 1

Если вам не нужны какие-либо расширенные функции, доступные в литералах шаблона (например, ${foo}), вы можете также рассмотреть возможность использования обычных кавычек и просто экранировать новые строки, чтобы предотвратить синтаксические ошибки, например:

var list = '\
    <div>\
        <ul>\
            <li>first</li>\
            <li>second</li>\
            <li>third</li>\
        </ul>\
   </div>\
';