请解释 Webpack 中 bundle、chunk 和 module 三个概念的含义，并分别说明它们在构建过程中的作用。
考察说明
考察对 Webpack 构建产物和模块组织的理解，以及三者之间的层级关系。
回答思路
- 【回答框架 1】module 是源代码中的最小单元，可以是 JS、CSS、图片等文件，Webpack 通过 loader 将其转换为可管理的模块。
- 【回答框架 2】chunk 是构建过程中由多个 module 组成的代码块，产生于代码分割、异步加载或入口配置，每个 chunk 对应一个输出文件（通常为 .js）。
- 【回答框架 3】bundle 是构建最终输出的文件，包含多个 chunk 的内容（或单个 chunk），可直接在浏览器中加载执行。三者关系：module 组成 chunk，chunk 组成 bundle。
- 【回答框架 4】作用上，module 实现代码复用和模块化开发；chunk 支持按需加载和优化缓存；bundle 是最终交付的可运行产物。
- 【关键点 1】module 是 Webpack 处理的基本单位，所有资源均可作为模块。
- 【关键点 2】chunk 是代码分割的产物，一个 chunk 可能包含多个 module。
- 【关键点 3】bundle 是最终输出的文件，通常一个入口对应一个 bundle。
- 【关键点 4】三者构成层级关系：module → chunk → bundle。
- 【易错点 1】混淆 chunk 与 bundle，认为其等同，实际 chunk 是中间产物，bundle 是最终文件。
- 【易错点 2】忽视动态 import 生成的 chunk 对构建配置的影响。