你还在为前端构建问题头疼吗？Rsdoctor 让一切变得简单！
🚀 什么是 Rsdoctor？
Rsdoctor 是一款专为 Rspack 和 Webpack 生态打造的一站式构建分析工具。它能帮你可视化构建过程，智能分析瓶颈，优化性能，让你的项目跑得更快、更稳！
📌 Rsdoctor 适合谁？
- 开发者：想要深入了解项目的构建情况，优化构建速度。
- 项目负责人：希望监控产物体积，防止性能劣化。
- DevOps 团队：关注 CI/CD 过程中的构建问题，提高构建效率。
- 性能优化专家：深入分析构建性能瓶颈，制定合理优化方案。
🔥 Rsdoctor 能做什么？
1️⃣ 构建过程可视化
- 实时构建分析：提供详尽的构建时间统计，找出影响编译速度的瓶颈。
- Loader 时序图：直观展示每个 Loader 的执行顺序和时间。
- Plugin 运行时间分析：查看插件的执行开销，优化构建效率。
- Module Graph（模块依赖图）：以图形化方式展示模块依赖关系，直观分析模块引入情况。
2️⃣ 产物体积分析
- Bundle Size 分析：查看产物各模块的占比，找出超大模块。
- 跨 chunks 重复包检测：检测是否存在多个 chunks 引入了相同的 npm 依赖，优化代码分包策略。
- ECMAScript 版本检查：检查构建产物中的 JavaScript 语法版本，确保兼容性。
3️⃣ 模块依赖追踪
- 快速定位大文件来源：查看具体模块是如何被依赖并最终打包进产物的。
- 分析 Tree Shaking 失效原因：找出哪些模块未能正确进行 Tree Shaking，减少不必要的代码。
- 模块热更新优化：检测哪些模块会触发不必要的 HMR（热更新），提升开发体验。
4️⃣ 构建时间优化
- 构建时间统计：统计整个构建过程各环节的耗时。
- Loader 耗时分析：找出最慢的 Loader，并提供优化建议。
- Plugin 耗时分析：定位影响构建时间的插件，优化 Webpack/Rspack 配置。
- 解析性能分析（Resolver Profiling）：检查 Webpack 解析模块路径的速度，优化 alias 和 module resolution。
5️⃣ 代码质量检查
- 冗余代码检测：找出构建产物中未被使用的代码。
- 未压缩代码检测：检查构建产物是否包含未压缩的 JS/CSS 资源，确保优化构建。
- Source Map 分析：提供详细的 Source Map 解析，帮助调试构建问题。
6️⃣ 跨版本对比（Bundle Diff）
- 对比不同版本产物体积变化：找出代码更新后导致体积变大的模块。
- 对比依赖项变化：查看某个版本更新后新增、删除或变更的 npm 依赖。
- 对比构建时间变化：追踪构建速度随版本变化的趋势，发现构建变慢的原因。
💡 示例演示
-
查找构建时间最长的 Loader
npx rsdoctor analyze --profile生成的可视化报告将会展示 Loader 及其执行时间。
-
检查模块依赖情况
npx rsdoctor analyze --module-graph你可以看到某个模块是如何被其他模块引用的，从而优化其加载方式。
🎉 1.0 版本新特性
✅ UI 全新升级：更加清晰直观，操作更流畅！
✅ 分析速度提升 20%+：核心逻辑用 Rust 重写，快！
✅ 新增模块搜索功能：快速定位模块，分析更高效！
✅ 新增扫描规则：跨 chunks 重复包检测 + ECMAScript 版本兼容性检测！
📈 Rsdoctor 的实践与成果
- 知名电商平台：使用 Rsdoctor 发现并优化了冗余 npm 依赖，使构建时间缩短 30%。
- 大型前端团队：通过 Rsdoctor 的 Bundle Diff 功能，减少了 15% 产物体积。
- 开源项目集成：许多开源框架和组件库已经将 Rsdoctor 作为性能监控工具。
🔮 未来发展方向
🚀 AI 智能分析，自动提供优化建议！
⚡ CI 主动防劣化，构建体积异常预警！
🔧 深度集成 Rspack，进一步提升性能！
🎯 自动化优化方案，根据分析结果提供最佳实践推荐！
🔗 赶快体验 Rsdoctor 吧！
- 官网地址：rsdoctor.dev
- 文档地址：rsdoctor.dev/docs
