从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"一样.那有什么区别?
您链接到的文档中的示例显示了行为不同的一种方式。当您指定依赖项时,它会显式创建一个新块,将依赖项放入其中,并添加回调中引用的任何其他依赖项。当您不指定依赖项时,回调中的任何依赖项都会添加到“当前”(最后一个?)块,不会创建新块。
归档时间: |
|
查看次数: |
590 次 |
最近记录: |