close
  • 简体中文

      • 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',
        },
      },
    },
  },
};