webpack的require.ensure是如何工作的？

Question

从文档中,您可以这样做:

require.ensure(["module-a", "module-b"], function(require) {
    var a = require("module-a");
    // ...
});

require.ensure直到你require()他们不评估模块.后来,他们举了另一个例子,

require.ensure([], function(require) {
  let contacts = require('./contacts')
});

Ensure数组为空的位置.

所以我的问题是:

1. 我必须两次指定我的模块吗？一次作为第一个参数require.ensure并再次回调内部？指定或省略第一个arg之间是否存在差异？

2. 回调给了我一个新require功能,但我们已经有了一个全局功能.本地和全球之间有区别吗？webpack甚至可以区分它们,因为它必须静态地执行此操作吗？

Answer 1

Webpack现在支持了 import()，使用起来更加方便。require.ensure仍然支持，所以回到您的问题：

1. 您不必指定模块两次。Webpack 静态解析源代码，并将第一个参数数组中提到的所有模块以及回调函数体模块中的所有required 添加到不同的块中

2. 实际上传递给的函数callback没有被使用，你应该始终使用 global require。这是我在官方 webpack文档中注意到的奇怪行为。