如何在javascript中加载.hbs文件

我是新手。这里我想在javascript文件中加载.hbs文件。我曾尝试使用id=“quote template”内联脚本，该脚本工作正常，但现在我创建了一个单独的文件。如何在javascript文件中链接.hbs文件。我可以推荐我。 index.html

 HTML
<div id="quotedata"></div>

 Handlebars
<script id="quote-template" type="text/x-handlebars-template">
<h3>Favorite {{name}} Quotes</h3>
<ol>
{{#each quotes}}
  <li>{{quote}}</li>
{{/each}}
</ol>
</script>

JS
var quoteInfo = document.getElementById('quote-template').innerHTML;// this line

 var template = Handlebars.compile("quoteInfo");
 var quotedata = template({
      name: "Tom",
      quotes: [
         {quote: "If you don't know where you are going, you might wind up someplace else."}
      ]
 });
 document.getElementById('quotedata').innerHTML += quotedata;

}","html";

$.get('./assets/js/main.hbs', function (data) {
var template=Handlebars.compile(data);
var quoteData = template({
    name: "Tom",
    quotes: [
      {quote: "If you don't know where you are going, you might wind up someplace else."},
    ]
  });
$('#quotedata').html(template(quoteData));