为什么要在CommonJS中使用依赖项列表require.ensure()?

hek*_*ran 5 commonjs webpack

从Webpack文档(https://webpack.github.io/docs/api-in-modules.html#require-ensure):

根据需要下载其他依赖项.dependencies数组列出了应该可用的模块.如果是,则调用回调.如果回调是函数表达式,则提取该源部分中的依赖项,并根据需要加载.除非所有模块都已可用,否则将向服务器发出单个请求.

如果源部分中的依赖项也是按需提取和加载的,那么为什么还要在依赖项列表中添加任何内容呢?

我见过这样的例子很混乱(https://github.com/webpack/webpack/tree/master/examples/extra-async-chunk):

require.ensure(["./a"], function(require) {
    require("./b");
    require("./d");
});
Run Code Online (Sandbox Code Playgroud)

"b"和"d"不在依赖项列表中,但将按需加载,就像"a"一样.那有什么区别?

Bre*_*non 2

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