webpack - 为什么要在 CommonJS require.ensure() 中处理依赖项列表？

Question

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

Download additional dependencies on demand. The dependencies array lists modules that should be available. When they are, callback is called. If the callback is a function expression, dependencies in that source part are extracted and also loaded on demand. A single request is fired to the server, except if all modules are already available.

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

我见过这样的例子非常令人困惑( https://github.com/webpack/webpack/tree/master/examples/extra-async-chunk ):

require.ensure(["./a"], function(require) {
    require("./b");
    require("./d");
});

"b"和 "d"不在依赖项列表中，但会像 "a"一样按需加载。那么有什么区别呢？

Answer 1

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