{"id":20859,"library":"webpackbar","title":"WebpackBar","description":"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.","status":"active","version":"7.0.0","language":"javascript","source_language":"en","source_url":"https://github.com/unjs/webpackbar","tags":["javascript","typescript"],"install":[{"cmd":"npm install webpackbar","lang":"bash","label":"npm"},{"cmd":"yarn add webpackbar","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpackbar","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Default export for Webpack. Since v6, ESM-first, but CJS require still works.","wrong":"const WebpackBar = require('webpackbar'); // note: works in CJS, but ESM preferred","symbol":"WebpackBar","correct":"import WebpackBar from 'webpackbar'"},{"note":"Explicit path for Rspack support, added in v7.0.0.","wrong":"import WebpackBar from 'webpackbar' // this will use webpack plugin, not rspack","symbol":"WebpackBar (Rspack)","correct":"import WebpackBar from 'webpackbar/rspack'"},{"note":"TypeScript type shipped. Use type import for type-only usage.","wrong":"","symbol":"WebpackBar type","correct":"import type WebpackBar from 'webpackbar'"}],"quickstart":{"code":"import WebpackBar from 'webpackbar';\n\nexport default {\n  entry: './src/entry.js',\n  plugins: [\n    new WebpackBar({\n      color: 'green',\n      profile: true,\n    }),\n  ],\n};","lang":"javascript","description":"Basic Webpack configuration using WebpackBar plugin with color and profiling enabled."},"warnings":[{"fix":"Update Node.js to v14.21.3 or later, or use webpackbar@5.x.","message":"Node.js version requirement increased to >=14.21.3 in v6.0.0 due to consola v3 upgrade.","severity":"breaking","affected_versions":">=6.0.0"},{"fix":"Ensure custom reporters use consola v3 API. Use consola v3's `createConsola` if needed.","message":"consola upgraded to v3 in v6.0.0, which may break custom reporters relying on consola internals.","severity":"breaking","affected_versions":">=6.0.0"},{"fix":"","message":"The `profile` option no longer automatically adds a 'profile' reporter? Actually v6.0.0 fixed that. No deprecated options.","severity":"deprecated","affected_versions":""},{"fix":"Set `name` option to a unique string per plugin instance.","message":"When using multiple instances (e.g., SSR), ensure each has a unique `name` to avoid progress bar collision.","severity":"gotcha","affected_versions":">=3.0.0"},{"fix":"Set `fancy: true` explicitly if you want fancy bar in CI (not recommended).","message":"In CI environments, `fancy` reporter defaults to false; progress may not display as expected.","severity":"gotcha","affected_versions":">=3.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run `npm install webpackbar` or use correct import: `import WebpackBar from 'webpackbar'`.","cause":"Missing install or wrong import path.","error":"Error: Cannot find module 'webpackbar'"},{"fix":"Change `const WebpackBar = require('webpackbar')` to `const { default: WebpackBar } = require('webpackbar')` or use ESM `import WebpackBar from 'webpackbar'`.","cause":"Using CommonJS require without default import.","error":"TypeError: webpackbar is not a constructor"},{"fix":"Upgrade to webpackbar@7.0.0 or later: `npm install webpackbar@latest`.","cause":"Using an older version of webpackbar that does not support Rspack (pre-v7).","error":"Error: Cannot find module 'webpackbar/rspack'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}