requireJS与fileupload插件

Question

在requirejs中，我们可以通过以下方式设置js的名称：

requirejs.config({
    paths: {
        'jquery': '//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js'
    }
});

并使用它：

requirejs(['jquery'],function ($) {
    //loaded and can be used here now.
});

但是对于像fileuploads这样的插件需要一些js文件。他们的文档显示了如何将它与requirejs一起使用：https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-use-jQuery-File-Upload-with-RequireJS

但是，我怎样才能将它们全部放在一个名字中？

requirejs(['jquery','fileupload'],function ($) {
    //all fileupload js has been loaded and ready to use
});

因此，当我需要fileupload时，它将加载所有必需的js而不需要逐个加载。

谢谢。

Answer 1

您可以创建一个元模块，导入所有必需的资源并将它们捆绑在一起，然后最终模块成为隐式加载的传递依赖项：

<强> fileupload.js

define(['jquery',
        'js/jquery.iframe-transport',
        'js/jquery.fileupload-ui'
], function () {
  // all needed dependencies loaded
});

当您需要fileupload时，确保存在所有必需的依赖项。