如何将模板提取到外部文件

Question

因此，我试图在游戏网站上使用车把js，并且我希望每个游戏页面都有一个模板。问题是我不知道如何提取文件然后使用它。

我尝试将模板放入名为template.js的文件中，然后使用脚本来调用它，但这没有用。我尝试了其他三种方法，但它们都不起作用。

<script id="template" type="text/x-handlebars-template">
        <div>
          {{name}} {{occupation}}
        </div>
    </script>

    <script>
        //Retrieve the template data from the HTML .
        var template = $('#template').html();

        var context = { "name": "Ritesh Kumar", "occupation": "developer" };

        //Compile the template data into a function
        var templateScript = Handlebars.compile(template);

        var html = templateScript(context);
        //html = 'My name is Ritesh Kumar . I am a developer.'

        $(document.body).append(html);
    </script>

这是我到目前为止所拥有的。我是一个初学者，所以我真的不知道该怎么办。

我希望能够将模板提取到单独的文件中，以便可以在多个文件中引用它。