使用browserify加载twitter bootstrap

Question

如何在browserify中使用Twitter引导程序？我安装了bootstrap-browserify,并尝试在我的代码中使用它

后来在我的代码中,我有一些代码试图修补bootstrap的模态对话框功能,但它会抛出一个错误.

这是我的代码的样子:

var bootstrap = require('bootstrap-browserify');

$(document).ready(function () {

    $.fn.modal.Constructor.prototype.enforceFocus = function () {
        var that = this;
        $(document).on('focusin.modal', function (e) {
            if ($(e.target).hasClass('select2-input')) {
                return true;
            }

            if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
                that.$element.focus();
            }
        });
    };
}

我是browserify的新手,我第一次使用它.我究竟做错了什么？

Answer 1

没有真正需要将 browserify 与 bootstrap 一起使用。典型的方法是将 bootstrap.js 包含<script>在 browserify 创建的捆绑包上方，并带有一个标签，然后正常使用它，而不需要声明require()。如果你想避免额外的 HTTP 请求，你可以使用Gulp或类似的东西将 bootstrap 与你的自定义 browserify 包连接起来。

由于 Bootstrap 依赖于 JQuery，因此您还可以执行一些操作，例如将 JQuery 和 Bootstrap 合并到供应商.js 中，并将其包含在 browserify 制作的自定义捆绑包之上。