AMD（特别是 RequireJs）如何处理跨多个模块的依赖关系

Question

我有一个调用 require() 的主初始化脚本，其中一个依赖项是实用程序框架，但我通过 require() 指定的其他一些模块本身也已将此框架定义为依赖项。

例如（init.js）：

require(['module-a', 'module-b', 'module-c'], function(a, b, c){
    // where module-c is the framework
});

然后在“module-a”中我有：

define(['module-c'], function(c){
    // utilize module-c framework
});

那么AMD/RequireJs如何处理这种情况，它是否加载相同的框架两次？

任何帮助表示赞赏。

亲切的问候， 标记

Answer 1

它只会加载一次，上述两个模块都会为“module-c”获得相同的模块值。

Answer 2

万一它对其他人有用 - 这是我遇到的一种情况，模块被加载两次：

对于以下项目结构：

~/prj/js/app/fileA.js
~/prj/js/app/util/fileB.js
~/prj/js/ext/publisher.js

其中 RequireJs baseurl 是 ~/prj/js/app

fileA.js 引用外部 (ext) 依赖项 publisher.js 为：

//fileA:
define(['../ext/publisher'], function(){});

但是 fileB.js 引用具有不同的相同依赖项路径：

//fileB:
define(['../../ext/publisher'], function(){});

简而言之，对于两者文件中，尽管依赖项位于同一位置，但依赖项路径不同。在这种情况下，publisher.js 被加载两次。

使用 Firebug 的 Net 选项卡查看其加载两次：

使用 paths 配置外部文件夹路径可以轻松解决此问题（如 require_js docs）：

requirejs.config({
    paths: {ext: '../ext'}
});

设置paths后，依赖项仅使用fileA.js和fileB.js加载一次，两者都使用相同的依赖路径如下：

//fileA:
define(['ext/publisher'], function(){});

和

//fileB:
define(['ext/publisher'], function(){});