webpack中的 chunk,module,bundle的区别

yezitoo 2020-06-03

一.webpack常见名词解析

chunk代码块的类型

  • webpack的配置入口文件entry是chunk 可以理解为entry chunk
  • 入口文件以及它的依赖文件通过代码分割出来的也是chunk  称作children chunk
  • 通过CommonsChunkPlugin创建出来的文件 也是chunk 可以理解为commons chunk

module:模块,在webpack眼里,任何可以被导入导出的文件都是一个模块

bundle文件: webpack打包出来的代码文件 也可以理解为对chunk编译/压缩打包等处理后的产出

相关推荐