捆绑分析#

webpack-bundle-analyzer#

Rspack 的命令行界面 (CLI) 通过 --analyze 选项支持开箱即用的捆绑分析。 它在幕后使用 webpack-bundle-analyzer。

$ rspack build --analyze

bundle-stats & statoscope#

您还可以生成一个 stats.json 文件，以便使用其他捆绑分析工具（如 bundle-stats 或 statoscope）进行进一步分析。

$ rspack build --json stats.json

Rsdoctor 的捆绑分析#

Rsdoctor 提供了 Bundle Size 模块，主要用于分析 Rspack 输出的信息，包括资源大小、重复包和模块引用关系。

• 捆绑概述：显示工件的总数和大小，以及每种文件类型的数量和大小。 它还显示重复的包及其引用链。
• 捆绑分析模块：分析构建工件资源（资产）和包含的 模块 的大小和代码信息。 在此模块中，您可以在资产中查看 模块打包后的实际代码大小，以及原始代码或 打包的代码段 和 模块引用关系。

单击导航栏中的 “捆绑大小” 选项以查看捆绑分析报告。 您可以在此页面上查看更多详细信息：捆绑大小

减少重复依赖项#

捆绑大小优化是生产构建中的重要部分，因为它直接影响在线用户的用户体验。 在本文档中，我们将介绍 Rspack 中一些常见的捆绑大小优化方法。

Web 项目通常会捆绑多个版本的第三方依赖项。 重复的依赖项会导致捆绑包大小增加和构建速度变慢。

• 检测重复依赖项

您可以使用 Rsdoctor 来检测项目中是否存在重复依赖项。 Rsdoctor 将在构建过程中进行分析，找到任何重复的捆绑依赖项并以可视化的方式显示它们。

有关更多详细信息，请参阅 Rsdoctor - 重复依赖项问题。