webpackbar

library7.0.0jsnpmunverified

Elegant progress bar and profiler plugin for Webpack (v3/4/5) and Rspack, maintained under the unjs organization. Version 7.0.0 adds Rspack support, uses ansis for color output, and drops Node <14.21.3. Key differentiators: multi-build (SSR) support, built-in reporters (fancy, basic, profile), and a customizable reporter API. Ships TypeScript type definitions, ESM- and CJS-compatible. Release cadence is irregular with occasional major bumps for breaking dependency upgrades.

devops

npm install webpackbar

github ↗package ↗

INSTALL

IMPORT

SIG · WEBPACKBAR

webpackbar

devopsjavascriptv7.0.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

WebpackBar

✓ import WebpackBar from 'webpackbar'

✗ const WebpackBar = require('webpackbar'); // note: works in CJS, but ESM preferred

Default export for Webpack. Since v6, ESM-first, but CJS require still works.

WebpackBar (Rspack)

✓ import WebpackBar from 'webpackbar/rspack'

✗ import WebpackBar from 'webpackbar' // this will use webpack plugin, not rspack

Explicit path for Rspack support, added in v7.0.0.

WebpackBar type

✓ import type WebpackBar from 'webpackbar'

TypeScript type shipped. Use type import for type-only usage.

Basic Webpack configuration using WebpackBar plugin with color and profiling enabled.

import WebpackBar from 'webpackbar'; export default { entry: './src/entry.js', plugins: [ new WebpackBar({ color: 'green', profile: true, }), ], };

Debug

Known issues

breakingNode.js version requirement increased to >=14.21.3 in v6.0.0 due to consola v3 upgrade.

fix

Update Node.js to v14.21.3 or later, or use webpackbar@5.x.

affects: >=6.0.0

breakingconsola upgraded to v3 in v6.0.0, which may break custom reporters relying on consola internals.

fix

Ensure custom reporters use consola v3 API. Use consola v3's `createConsola` if needed.

affects: >=6.0.0

deprecatedThe `profile` option no longer automatically adds a 'profile' reporter? Actually v6.0.0 fixed that. No deprecated options.

gotchaWhen using multiple instances (e.g., SSR), ensure each has a unique `name` to avoid progress bar collision.

fix

Set `name` option to a unique string per plugin instance.

affects: >=3.0.0

gotchaIn CI environments, `fancy` reporter defaults to false; progress may not display as expected.

fix

Set `fancy: true` explicitly if you want fancy bar in CI (not recommended).

affects: >=3.0.0

Errors

Common errors & fixes

Error: Cannot find module 'webpackbar'

Missing install or wrong import path.

fix

Run `npm install webpackbar` or use correct import: `import WebpackBar from 'webpackbar'`.

TypeError: webpackbar is not a constructor

Using CommonJS require without default import.

fix

Change `const WebpackBar = require('webpackbar')` to `const { default: WebpackBar } = require('webpackbar')` or use ESM `import WebpackBar from 'webpackbar'`.

Error: Cannot find module 'webpackbar/rspack'

Using an older version of webpackbar that does not support Rspack (pre-v7).

fix

Upgrade to webpackbar@7.0.0 or later: `npm install webpackbar@latest`.

Upgrade

Version history

7.0.0latest on npm

Audit

Dependencies

No dependency data recorded yet.

Agent activity

7 hits · last 30 days

node

Resources

githubhttps://github.com/unjs/webpackbar ↗

packagehttps://www.npmjs.com/package/webpackbar ↗