使用 Rsdoctor

Rsdoctor 是一个 Rspack 构建分析工具。在 Modern.js 中，我们推荐使用 Rsdoctor 来对构建过程与构建产物进行诊断和分析。

安装依赖

npm

yarn

pnpm

bun

deno

npm add @rsdoctor/rspack-plugin -D

注册插件

在 modern.config.ts 中，你可以通过 tools.bundlerChain 来注册 Rspack 插件，参考：

modern.config.ts

import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin';

export default {
  // ...
  tools: {
    bundlerChain(chain) {
      // 仅在 RSDOCTOR 为 true 时注册插件，因为插件会增加构建耗时
      if (process.env.RSDOCTOR) {
        chain.plugin('rsdoctor').use(RsdoctorRspackPlugin, [
          {
            // 插件选项
          },
        ]);
      }
    },
  },
};

执行构建

你可以在项目内执行 build 命令，在完成构建后，Rsdoctor 会自动打开本次构建的分析页面。

RSDOCTOR=true npm run build

#使用 Rsdoctor

#安装依赖

#注册插件

#执行构建

#相关文档

使用 Rsdoctor

安装依赖

注册插件

执行构建

相关文档