Question

我正在尝试使用requireJS加载BootstrapDialog http://nakupanda.github.io/bootstrap3-dialog/，但到目前为止我没有成功，因为它始终为null。

这是我目前的配置：

//main.js
require.config({
    paths: {
        jquery: '/js/libs/jquery/jquery.min',
        underscore: '/js/libs/underscore/underscore.min',
        backbone: '/js/libs/backbone/backbone-min',
        bootstrap: '/js/libs/bootstrap/bootstrap.min',
        bootstrapDialog: '/js/libs/bootstrap/bootstrap-dialog.min'

    },
    shim: {
        bootstrap: {
            deps: ["jquery"]
        },
        bootstrapDialog: {
            deps: ["jquery", "underscore","backbone", "bootstrap"]
        }

    }

});

一个模块示例：

define([
    'jquery',
    'underscore',
    'backbone',
    'bootstrapDialog',
], function($, _, Backbone,  BootstrapDialog){
    console.log("New bootstrap dialog");
    console.log(BootstrapDialog); //BootstrapDialog is always null
});

如何将BootStrapDialog与requireJs集成？

Answer 1

BootstrapDialog使用名称bootstrap-dialog注册自己，见第871行：

define("bootstrap-dialog", function() {
    return BootstrapDialog;
});

因此，您只需在配置中将bootstrapDialog替换为'bootstrap-dialog'即可。 Plunker

使用RequireJS加载BootstrapDialog

1 个答案: