ES6-IE 11的模板字符串黑客

Question

我在JS文件中使用了很长的HTML模板脚本，例如：

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>\
';