Webpack Bundle Analyzer 是一个Webpack插件，用来可视化Webpack输出文件的尺寸，帮助开发者理解每个模块占用的大小，并对优化打包提供依据。Webpack Bundle Analyzer 提供了三种模式来查看模块尺寸：stat，parsed，和 gzip。
以下是这三种模式的区别：
- Stat ：
这种模式显示了模块的 "原始" 尺寸，对应于从磁盘读取的资源文件的尺寸，即尚未进行任何处理的源文件大小。这个尺寸不包括Webpack在打包过程中添加的任何包装器或引导代码。显示文件的stat尺寸有利于了解每个模块的原始大小。 - Parsed ：
当Webpack处理完模块并生成用于浏览器的打包文件后，parsed如字面意思，显示了"解析"后的模块大小。这是指压缩器（如UglifyJS或Terser）优化之前，但包含Webpack运行时的代码和模块已被包装和转化的实际大小。该尺寸反映了加载到浏览器环境中资源消耗的真实大小。 - Gzip ：
这种模式显示了使用Gzip压缩后的尺寸。许多Web服务器默认使用Gzip来压缩发送给客户端的文件，因此，这个尺寸更能反映最终在用户设备上通过网络传输的尺寸。查看Gzip尺寸对于优化加载性能尤其重要，因为它能帮助开发者识别哪些资源可以进一步压缩以减少传输时间。