<picture> <img alt="Rsdoctor Banner" width="100%" src="https://gips1.baidu.com/it/u=3548715515,3012842235&fm=3081&app=3081&f=PNG?w=3600&h=1158" /> </picture>

Rsdoctor

<p> <a href="https://discord.gg/wrBPBT6rkM"><img src="https://img.shields.io/badge/chat-discord-blue?style=flat-square&logo=discord&colorA=564341&colorB=EDED91" alt="discord channel" /></a> <a href="https://npmjs.com/package/@rsdoctor/core?activeTab=readme"><img src="https://img.shields.io/npm/v/@rsdoctor/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a> <a href="https://npmcharts.com/compare/@rsdoctor/core?minimal=true"><img src="https://img.shields.io/npm/dm/@rsdoctor/core.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a> <a href="https://github.com/web-infra-dev/rsdoctor/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@rsdoctor/core?style=flat-square&colorA=564341&colorB=EDED91" alt="license" /></a> </p>

English | 简体中文

Rsdoctor 是一款专为 Rspack 生态系统设计的构建分析器，并且完全兼容 webpack 生态系统。

Rsdoctor 致力于成为一站式的智能构建分析器，通过可视化和智能分析使构建过程变得透明、可预测和可优化，帮助开发团队精确识别瓶颈，优化性能并提高工程质量。

Rsdoctor 支持基于 Rspack 或 webpack 的所有工具和框架，例如：Docusaurus，Rspeedy (Lynx)，Storybook，Next.js，Nuxt，Re.Pack，Modern.js，Rsbuild，Rspress 和 Rslib。

https://github.com/user-attachments/assets/b8bb4ebf-b823-47bc-91ab-2d74f0057ef7

🔥 特性

• 编译可视化：Rsdoctor 可视化编译行为和时间消耗，便于查看构建问题。
• 多种分析能力：Rsdoctor 支持构建产物、构建时间分析以及防退化能力：
  • 构建产物支持资源列表和模块依赖等。
  • 构建时间分析支持 Loader、Plugin 和 Resolver 构建过程分析。
  • 构建规则支持重复包检测和 ES 版本检查等。
• 支持自定义规则：除了内置的构建扫描规则外，Rsdoctor 还支持用户根据 Rsdoctor 的构建数据添加自定义组件扫描规则。
• 支持 MCP 服务器：Rsdoctor 还提供了一个 MCP 服务器，通过问答方式来进行构建分析。

📚 快速开始

要开始使用 Rsdoctor，请参阅 快速开始。

🤝 贡献

欢迎新贡献者！

请阅读 贡献指南。

🧑‍💻 社区

来 Discord 与我们聊天吧！Rstack 团队和用户在那里非常活跃，我们一直在寻找贡献者。

🦀 Rstack

Rstack 是一个围绕 Rspack 构建的高性能和一致架构的统一 JavaScript 工具链。

名称	描述	版本
Rspack	打包器	<a href="https://npmjs.com/package/@rspack/core"><img src="https://img.shields.io/npm/v/@rspack/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
Rsbuild	构建工具	<a href="https://npmjs.com/package/@rsbuild/core"><img src="https://img.shields.io/npm/v/@rsbuild/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
Rslib	库开发工具	<a href="https://npmjs.com/package/@rslib/core"><img src="https://img.shields.io/npm/v/@rslib/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
Rspress	静态站点生成器	<a href="https://npmjs.com/package/@rspress/core"><img src="https://img.shields.io/npm/v/@rspress/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
Rsdoctor	构建分析器	<a href="https://npmjs.com/package/@rsdoctor/core"><img src="https://img.shields.io/npm/v/@rsdoctor/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
Rstest	测试框架	<a href="https://npmjs.com/package/@rstest/core"><img src="https://img.shields.io/npm/v/@rstest/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>
Rslint	代码检查工具	<a href="https://npmjs.com/package/@rslint/core"><img src="https://img.shields.io/npm/v/@rslint/core?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" /></a>

🙌 行为准则

此仓库已采用 ByteDance 开源行为准则。请查看 行为准则 获取更多详情。

🙏 致谢

Rsdoctor 的一些实现参考了社区中的优秀项目，我们想感谢他们：

• bundle-stats 是一个优秀的构建产物分析工具，Rsdoctor 在构建分析方面受到了它的启发。
• webpack-bundle-analyzer 是一个经典的 Webpack 分析工具，Rsdoctor 在构建产物分析方面受到了它的启发。Rsdoctor 还使用了它经典的树状图可视化。
• Statoscope 是一个优秀的构建产物分析工具，Rsdoctor 在构建分析方面受到了它的启发。
• Webpack 团队和社区 创建了一个优秀的打包工具和丰富的生态系统。
• vite-plugin-inspect 启发了 Rsdoctor 对构建过程分析的探索。

此 Rsdoctor 网站由 Netlify 提供支持。

📖 许可证

Rsdoctor 根据 MIT 许可证 授权。