handlerbars.js 的引擎模板只能用script标签的形式写在HTML文件里吗？可以写在单

Question

想使用模板引擎，看了handlerbars.js文档，模板好像都是写在script标签里的

<script type="text/x-handlebars-template" id="tpl">

　　{{#each}}

　　　　...

　　{{/each}}

</script>

然后再到js文件里用Jquery调用，

//获取到模板

var tpl = $("#tpl").html();

//预编译模板

var template = Handlebars.compile(tpl);

//模拟数据（也可以是获取的json数据）

var context = {};

//匹配数据

var html = template(context);

//输入模板

$('body').html(html);

我觉得有些麻烦，也不方便封装成组件，反复使用。
不知道能否把模板放到js文件里，用ES6的方法引入这些模板，就像：

import template from 'template'

求前辈指教，谢谢