概念
bundle
bundle
由许多不同的模块生成,包含已经经过加载和编译过程的源文件的最终版本
chunk
chunk
主要是在内部用于管理捆绑过程。输出是由bundle
由chunk
组成,其中有几种类型entry
child
等。通常,chunk
直接与bundle
对应,但是有些配置不会产生一对一的关系,例如MiniCssExtractPlugin
可从chunk
中抽离出css
文件,单独生成bundle
。生成chunk
有三种方式,entry
、动态加载、splitChunks
抽取共有代码
Module
module
是离散功能块,相对于完整程序提供了更小的接触面。一般是module
可提供抽象和封装界限,使得应用程序中每个模块都具有明确的目的
总结
上面都是官网给的官方概念,不得不说过于官方,这里我们简单总结一下大致区别。
module
其实就是一个文件或者文件内通过import
等方式引用代码块或第三方等均可认为是一个module
,也就是说任何一个可以被导入导出的文件都是一个模块
而bundle
与chunk
的关系,大致就是chunk
是webpack
打包过程中依赖捆绑的术语。bundle
可以理解为对chunk
编译/压缩打包等处理后输出的最终结果。