Introduction#

💡 What is Rsdoctor?#

• Rsdoctor is a one-stop tool for diagnosing and analyzing the build process and build artifacts.
• Rsdoctor is a tool that supports Webpack and Rspack build analysis.
• Rsdoctor is an analysis tool that can display the time-consuming and behavioral details of the compilation.
• Rsdoctor is a tool that provides bundle Diff and other anti-degradation capabilities simultaneously.

🔥 Features#

• Compilation Visualization: Rsdoctor visualizes the compilation behavior and time consumption, making it easy to view build issues.
• Multiple Analysis Capabilities: Rsdoctor supports build artifact, build-time analysis, and anti-degradation capabilities:
  • Build artifact support for resource lists and module dependencies, etc.
  • Build-time analysis supports Loader, Plugin, and Resolver building process analysis, including: Rspack's builtin:swc-loader.
  • Build rules support duplicate package detection and ES Version Check, etc.
  • Currently, bundle Diff capabilities are also available.
• Support Custom Rules: In addition to built-in build scan rules, Rsdoctor also supports users adding custom component scan rules based on the build data of Rsdoctor.
• Framework-Independent: Rsdoctor support all projects built on Webpack or Rspack.

🛠️ Introduction#

⭐️ Overview#

• The overview page (i.e. the home page) can know project configuration, diagnostic information, compilation information, and product status.

• In addition to the project overview, we also provide diagnostic functions, including compilation diagnostics and duplicate packages diagnostics. If your compilation and products hit the diagnostic rules we defined, the corresponding warning alerts will appear on the tool's home page. where you can see the detailed reference path of duplicate packages:

⭐️ Compilation Analysis#

Provides corresponding data and analysis functions for Loaders, Plugins, and Module Resolve to help you analyze problems in the compilation process.

Loader Analysis#

• This module mainly provides the function of data analysis such as input and output, estimated time consumption, and parameters within Rspack / Webpack Loaders.

Plugin Analysis#

• This module mainly intercepts and collects data information such as the number of calls and estimated time consumption of Plugins.

Resolve Analysis#

• This module mainly provides path data and estimated time consumption for module resolution in a single file within the project. Rspack does not currently support this module.

⭐️ Product Analysis#

• In the Bundle Size page, we can see an overview of the product data information of the current project, as well as analyze the size and reasons for duplicate package imports.

• In addition, we can also use the Bundle Analysis page to further analyze the relationship between the product and module in the current product, size data and other information, as well as the reasons for module introduction.

⭐️ Bundle Diff#

Using the bundle diff function provided by Rsdoctor, you can see the changes in the size of resources, duplicate packages, Packages and other data in the product, as well as the size of module files and code changes in each resource.

🧑‍💻 Community#

Come and chat with us on Discord! The Rsdoctor team and users are active there, and we're always looking for contributions.