深入理解webpack打包机制(5)

首先讲解代码前需要理解两个概念，分别是 module 和 chunk

1. chunk 代表生成后 js 文件，一个 chunkId 对应一个打包好的 js 文件(一共五个)，从这段代码可以看出，manifest 的 chunkId 为 4，并且从代码中还可以看到：0-3 分别对应 异步 utilC,pageA,pageB,vendor 公共模块文件，这也就是我们为什么不能将这段代码放在 vendor 的原因，因为文件的 hash 值会变。内容变了，vendor 生成的 hash 值也就变了。
2. module 对应着模块，可以简单理解为打包前每个 js 文件对应一个模块，也就是之前__webpack_require__加载的模块，同样的使用数组下标作为 moduleId 且是唯一不重复的。

那么为什么要区分 chunk 和 module 呢？

（编辑：ASP站长网）