javascript - 使用带小胡子的 browserify 时是否需要特殊语法？

Question

我正在使用带有 gulp 的 browserify，但在加载模板时遇到问题。奇怪的是，据我所知，我的路径是正确的，但我的模板没有加载。

这是我的目录结构：

这是我的 app.js 文件：

$(function() {
    var EventUtility = {

        //EventUtilityCode
    };


    var flimFlam = document.getElementById('flimFlam');


    function templateLoader(e) {
        var doc = document,
            body = doc.getElementsByTagName('body'),
            overlay = $('#overlay');
        $.Mustache.load('../templates/index.html')
            .done(function() {
                $('body').mustache('templateID');
            });

        $('body').prepend(overlay);

    }

    EventUtility.addHandler(flimFlam, 'click', templateLoade

r);

这是我的模板：

<script id="templateID" type="text/html">
    <div id="overlay">
        <div id="container" class="container">
            <div class="row">
                <div class="twelve columns">
                   <div class="modal-container">
                        <div id="modal" class="modal-animation">
                            <p>This app will go through some of your markup to determmine if it could be more accessible.  We will start by checking the alt tags on your images, seeing if they exist, or if the tags are empty!<br>
                            <a id="appButton" class="button button-primary modal-button">lets get started!</a>
                            </p>
                        </div>
                   </div>
                </div>
            </div>
        </div>
    </div>
</script>

更新： 有人认为我应该用它module.exports = function () {}来让我的胡子库工作吗？是这样吗？但其他库（例如 jquery、mixitup）不需要这样做。所以我猜这是抓住稻草？