requirejs – 如何加载在单个文件中定义的多个命名AMD模块？

<script src="scripts/require.js" data-main="app/main.js"></script>
<script src="scripts/datajs-1.1.2.js"></script>

// AMD support
if (typeof define === 'function' && define.amd) {
    define('datajs',datajs);
    define('OData',odata);
} ...

什么将会和将不会工作取决于如何在应用程序中使用定义多个命名模块的文件的细节.

通常,如果无法确定单个文件中定义的模块(使用命名定义)的顺序,则设置路径以将模块名称映射到定义它们的文件应该可以防止出现问题：

paths: {
    'foo': 'path/to/foobar','bar': 'path/to/foobar'
}

如果需要foo或bar,requireJS将加载定义它们的文件(path / to / foobar.js),这不是问题.

根据您在问题中添加的详细信息,我可以这样说.首先,这段代码：

<script src="scripts/require.js" data-main="app/main.js"></script>
<script src="scripts/datajs-1.1.2.js"></script>

是不正确的.通过< script>加载调用define的模块标签通常是错误的. (我会说它总是错的,但可能有一些非常奇怪的情况,让不兼容的资产一起工作,你必须做一些通常会出错的事情.但这是不寻常的,必须有理由.)当你通过这样做,你打开时间问题.有时它可能有效,有时可能无效.

但是,这应该可以防止任何时间问题：

<script>
require = {
    paths: {
        datajs: 'scripts/datajs-1.1.2',OData: 'scripts/datajs-1.1.2'
    }
};
</script>
<script src="scripts/require.js" data-main="app/main.js"></script>

每当需要datajs-1.1.2.js中的两个模块中的任何一个时,要么因为它调用require,要么因为它调用了带有相应模块名称的define,所以将加载定义这两个模块的文件.

(警告：我在上面的示例中显示的配置是一个有根据的猜测,其中包含足够的细节来说明.一旦与app / main.js中已存在的配置结合使用它可能无法工作,我并不是说它是为您的特定应用程序配置requireJS的最佳方法.)

对于requireJS 2.1.10及更高版本,还有bundle选项,它更好用：

<script>
require = {
    bundles: {
      "js/datajs-1.1.2": ["datajs","OData"]
    }
};
</script>
<script src="scripts/require.js" data-main="app/main.js"></script>

我建议在这个选项上阅读documentation,以避免可能的误解.