您有两种加载外部模板的选项：
- 预编译模板（恕我直言，Hogan.js 的最佳功能）或
- Using 需要.js's 文本插件加载模板字符串
不幸的是，预编译 Hogan.js 模板的文档不存在。如果您有一份副本Github 仓库然后在里面bin目录是一个名为的脚本hulk这样就可以了。这个需要nodejs连同一些npm模块（即nopt and mkdirp）已安装。
一旦你有nodejs并安装这些模块，给定模板文件 Test.hogan：
<p>Your text here: {{text}}</p>
您可以使用以下命令预编译脚本：
hulk Test.hogan
产生以下文本：
if (!!!templates) var templates = {};
templates["Test"] = new Hogan.Template({code: function (c,p,i) { var t=this;t.b(i=i||"");t.b("<p>Your text here: ");t.b(t.v(t.f("text",c,p,0)));t.b("</p>");return t.fl(); },partials: {}, subs: { }});
将其保存到一个名为templates.js
现在在您的 HTML 页面中，您将加载该内容templates.js文件并创建一个名为的全局对象templates其中编译的模板函数位于“Test”键中。您也可以省略hogan.js文件，因为那是编译器（并且您的模板现在已预编译）并且只需包含template.js发行版中的文件。
<!DOCTYPE html>
<html>
<head>
<title>Hogan.JS Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/template.js"></script>
<script src="js/templates.js"></script>
</head>
<body>
<script>
var data = {
text: 'Hello World'
};
var compiledTemplate = templates['Test'];
var renderedTemplate = compiledTemplate.render(data);
var box = document.createElement('div');
box.innerHTML = renderedTemplate;
document.body.insertBefore(box,document.body.childNodes[0]);
</script>
</body>
</html>
Note:我在使用当前版本时确实遇到了一些问题masterGithub 存储库的分支，因为它生成的模板使用的构造函数与 2.0.0 模板版本中使用的构造函数不同。如果你使用hulk请务必使用template.js文件位于lib folder.
或者，您可以使用 require.js 和文本插件。下载它们并将它们保存到您的js文件夹。然后你需要添加一个require加载模板文本的语句：
<!DOCTYPE html>
<html>
<head>
<script src="js/hogan-2.0.0.js"></script>
<script src="js/require.js"></script>
</head>
<body>
<script>
var data = {
text: 'Hello World'
};
require(['js/text!Test.hogan'], function(testHoganText) {
// testHoganText contains the text of your template
var compiled = Hogan.compile(testHoganText);
var renderedTemplate = compiled.render(data);
var box = document.createElement('div');
box.innerHTML = renderedTemplate;
document.body.insertBefore(box,document.body.childNodes[0]);
});
</script>
</body>
</html>
