requireJS和LoadJS之间的冲突

Question

背景：

我目前正在使用Webpack将新开发的组件捆绑在使用RequireJS加载旧版组件的现有系统之上。

问题：

我正在尝试使用LoadJS动态导入JS库，以提高平台的性能。但是，它与RequireJS冲突。

我使用了jQuery $.getScript()和$scriptjs；两者都会导致相同的错误。

$(...).Modal is not a function.

我的JS如下：

$(document).ready(function(){
    $(document).on("click", ".js-my-btn", function(){
        loadjs("https://unpkg.com/bootstrap@4.1.0/dist/js/bootstrap.min.js", () => {
            $('#myModal').modal('show');
        });
    });
})

JsFiddle link 没有 RequireJS

已加载库：

• jQuery
• LoadJS

单击按钮后，将显示模态。很好。

JsFiddle link 使用 RequireJS

已加载库：

• jQuery
• LoadJS
• RequireJS

单击按钮时，模态不显示。会引发错误。

注意：在LoadJS不起作用之前加载RequireJS。