请阐述 Webpack 中 bundle、chunk 和 module 三者的含义和作用，并说明它们之间的区别。

回答思路

1. 【回答框架 1】module 是 Webpack 处理的最小单元，可以是一个 JS 文件、CSS 文件或图片等。Webpack 通过 loader 将这些资源转换为模块，并构建依赖图。
2. 【回答框架 2】chunk 是多个模块的组合，是代码分割的结果。Webpack 会从入口文件开始，按依赖关系把模块打包成一个或多个 chunk。chunk 分为初始 chunk（如入口 chunk）和异步 chunk（如通过动态 import 加载的）。
3. 【回答框架 3】bundle 是 chunk 经过编译、压缩等流程后生成的最终产物，通常是一个或多个可直接在浏览器中加载的文件（如 .js）。
4. 【回答框架 4】三者的关系是：module 是组成 chunk 的单元，chunk 是构建 bundle 的中间产物，bundle 是最终输出。一个 bundle 可能对应一个 chunk，也可能通过 source map 等机制关联多个 chunk。
5. 【关键点 1】module 是资源单元，chunk 是模块组合，bundle 是输出文件。
6. 【关键点 2】chunk 是代码分割的结果，bundle 是优化后的产物。
7. 【关键点 3】Webpack 的打包过程是：从入口开始，模块组成 chunk，chunk 生成 bundle。
8. 【易错点 1】不要混淆 chunk 和 bundle：chunk 是内部概念，bundle 是输出文件。
9. 【易错点 2】不要认为一个入口只产生一个 bundle，可能包含公共 chunk。