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