问为什么要费心处理CommonJS require.ensure()中的依赖项列表？

EN

链接到的文档中的示例显示了行为不同的一种方式。当指定依赖项时，它显式地创建一个新块，将依赖项放入其中，并添加回调中引用的任何其他依赖项。当您不指定依赖项时，回调中的任何依赖项都会添加到“current”(最后？)块，没有创建新块。

简单地说，你不应该麻烦。

问题的根源

Webpack的作者Tobias在吉特上被问到了一个类似的问题。

Raúl Ferràs：这两种形式有什么优势吗？

require.ensure(['jquery','Backbone','underscore'], function(require){
    var jQuery = require('jquery'),
    Backbone  = require('Backbone'),
    _ = require('underscore');
};

还有这个

require.ensure(['jquery'], function(require){
    var jQuery = require('jquery'),
    Backbone  = require('Backbone'),
    _ = require('underscore');
};

Tobias Koppers：没有区别.甚至生成的源也是相等的。但是规范说依赖项应该在数组中。

Webpack的require.ensure是根据CommonJS模块/异步/A 提案实现的，其中写道：

"require.ensure“接受模块标识符数组作为第一个参数，回调函数作为第二个参数。

规范没有指定回调中所需的非列表模块是否将异步加载，但是有一个示例代码，其中只需要数组中列出的模块：

require.ensure(['increment'], function(require) {
    var inc = require('increment').inc;
    var a = 1;
    inc(a); // 2
});

因此，在我看来，异步加载required但未列出的模块是Webpack的一个特点，也是对规范的偏离。这种特性使得第一个论点在大多数情况下毫无意义，并提出了问题。

用例

1.遵守规格

第一个参数的一个用例可以是为了清楚地指定所有依赖项，并遵守规范。但这完全是可选的。

2.将模块拉成特定块

假设你在一个应用程序的不同部分有两个分裂点。第一个拆分点依赖于模块a，第二个依赖于模块a和b。为了消除下载两次a的风险，您可以决定将两个模块放在一个块中：

// First split point
require.ensure(['b'], (require) => {
  require('a');
});