webpack中的 chunk,module,bundle的区别

Posted 旋风小美女

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack中的 chunk,module,bundle的区别相关的知识,希望对你有一定的参考价值。

一.webpack常见名词解析

chunk代码块的类型

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

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

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

以上是关于webpack中的 chunk,module,bundle的区别的主要内容,如果未能解决你的问题,请参考以下文章

webpack中的 chunk,module,bundle的区别,以及hidden modules是什么

前端基础知识总结- webpack

[Webpack 2] Chunking common modules from multiple apps with the Webpack CommonsChunkPlugin

从零开始配置webpack(基于webpack 4 和 babel 7版本)

从零开始配置webpack(基于webpack 4 和 babel 7版本)

webpack 知识点整理