javascript - 如何在 JS 文件中使用模板？

Question

我正在尝试使用 javascript 模板

<script type="text/x-tmpl" id="tmpl-demo">
   <h3>{%=o.title%}</h3>
   <p>Released under the
   <a href="{%=o.license.url%}">{%=o.license.name%}</a>.</p>
</script>

问题是——我想把它包含在我的 JS 文件中？我将如何使用模板，但在我假设我不能使用 <script> 的 JS 文件中标签？

目前，我在做类似的事情:

myFunction(id) {
   return "<div>" + id + "</div>";
}

我想将其转换为模板吗？

Answer 1

基本上有四种选择:

1. 将其作为字符串包含在 javascript 文件中
2. 通过使用服务器端语言准备 javascript 文件，让您自己更轻松一些
3. 使用 jammit 之类的工具，以模板作为变量动态创建 javascript 文件，并包含这些文件。
4. 使用 requirejs 并使用文本插件加载模板。