handlebars-loader import模板后,会把handlebars合并到脚本中,但是我只是要一个字符串

Question

我在index.js文件中引入 './alert.hbs',只想得到被处理过后的字符串,但是在脚本中载入了整个 handlebars.

这是index.js

import compileTpl from './alert.hbs'
import './alert.css';

var tpl = compileTpl({
    headText:'head',
    bodyText:'body',
    confirmButName:'确认'
});

这是alert.hbs

<div class="alert-wrap" id="alert">
    <div class="alert">
        <div class="alert-head">{{headText}}</div>
        <div class="alert-body">{{bodyText}}</div>
        <div class="alert-footer">
            <bottom class="alert-confirm-but">{{confirmButName}}</bottom>
        </div>
    </div>
</div>

以上都是源码,我是想获得处理后的字符串,就像下面这样的:

<div class="alert-wrap" id="alert">
    <div class="alert">
        <div class="alert-head">head</div>
        <div class="alert-body">body</div>
        <div class="alert-footer">
            <bottom class="alert-confirm-but">确认</bottom>
        </div>
    </div>
</div>

但是最后打包完成后,alert脚本包含了handlebars:
/dist/static/alert.93ca8.js

最后

求大神帮助 ^_^