简体中文

dev.progressBar

类型：

type ProgressBar =
  | boolean
  | {
      id?: string;
    };

默认值： false

是否渲染进度条来显示构建进度。

TIP

在 @rsbuild/core < 1.4.0 版本中，进度条在生产模式下默认开启。

示例

开启进度条：

rsbuild.config.ts

export default {
  dev: {
    progressBar: true,
  },
};

禁用进度条：

rsbuild.config.ts

export default {
  dev: {
    progressBar: false,
  },
};

仅在开发模式下开启进度条：

rsbuild.config.ts

const isDev = process.env.NODE_ENV === 'development';

export default {
  dev: {
    progressBar: isDev,
  },
};

修改进度条 `id`

如果你需要修改进度条左侧显示的文本内容，可以设置 id 选项：

rsbuild.config.ts

export default {
  dev: {
    progressBar: {
      id: 'Some Text',
    },
  },
};

在多环境构建时，可以为不同的 environment 设置不同的进度条 id：

rsbuild.config.ts

export default {
  environments: {
    web: {
      dev: {
        progressBar: {
          id: 'Web',
        },
      },
    },
    node: {
      output: {
        target: 'node',
      },
      dev: {
        progressBar: {
          id: 'Node',
        },
      },
    },
  },
};

#dev.progressBar

#示例

#修改进度条 id

dev.progressBar

示例

修改进度条 `id`