webpack中module、chunk、bundle的区别

module,chunk 和 bundle 其实就是同一份逻辑代码在不同转换场景下的取了三个名字:

  • 我们直接写出来的是 module
  • webpack 处理时是 chunk
  • 最后生成浏览器可以直接运行的 bundle。

1

大致理解就是:

  1. 我们手写的一个个文件,无论是CommonJS还是ES Module,它们都是module
  2. 当我们写的module源文件传入webpack进行打包时,webpack会根据文件引用信息生成chunk文件,然后webpack对chunk文件进行操作
  3. webpack处理好chunk文件后,最后会输出bundle文件,也就是最终产物