# webpack-dashboard

A CLI dashboard for webpack dev server

Repository: https://github.com/FormidableLabs/webpack-dashboard
Canonical: https://ross.abutalabs.com/products/webpack-dashboard
Language: JavaScript
License: MIT
License Family: permissive
Topics: webpack, dashboard, devtools, dx, cli, webpack-dashboard, cli-dashboard, socket-communication
Last push: 2024-08-12T16:19:21+00:00
Link (homepage): http://formidable.com/blog/2017/introducing-electron-webpack-dashboard/
Link (site_page): https://nearform.com/about

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3671, "days_push": 751, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 13966, forks 373 (observed 2026-08-28T04:11:05.200407+00:00)

## What it is
A Node.js CLI tool that wraps your webpack or webpack-dev-server command and replaces the noisy scroll of console output with a rich terminal dashboard showing build status, errors, warnings, and module/asset information. It works via a companion webpack plugin (webpack-dashboard/plugin) that communicates with the CLI over a socket, and also has an Electron-based GUI variant.

## Use cases
- visualize webpack build status in the terminal instead of scrolling logs
- see webpack errors and warnings at a glance during development
- replace the noisy webpack-dev-server console output with a clean dashboard
- monitor module and asset sizes while running webpack dev server
- make my webpack dev workflow feel more polished for local development

## When to choose
- you use webpack or webpack-dev-server for local development and want readable, structured terminal output
- you want a zero-config (one plugin line plus a CLI prefix) improvement to your dev server experience
- you work primarily in a terminal and prefer TUI-style dashboards over browser-based analyzers

## When to avoid
- you use a different bundler such as Vite, esbuild, Rollup, or Turbopack with no webpack step
- you need deep bundle analysis or treemap visualizations rather than a live build dashboard
- you run builds in CI or non-interactive environments where a TUI dashboard adds no value
- you need cutting-edge webpack 5+ features and active development, since the project is in maintenance mode

## Facets
- artifact type: cli-tool
- maturity: maintenance
- function: cli, developer-tools, terminal-ui, monitoring
- domain: web-development, frontend, developer-tools
- platform: cli, cross-platform
- tags: webpack, webpack-plugin, dev-server, terminal-dashboard, build-output, developer-experience, javascript, socket-communication, command-line, nodejs

## Member repositories
- FormidableLabs/webpack-dashboard (main) score 23
- FormidableLabs/electron-webpack-dashboard (plugin) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:05.200407+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:12:54.863039+00:00, confidence not recorded.
  - readme: https://github.com/FormidableLabs/webpack-dashboard (fetched 2026-08-28T04:11:05.200407+00:00, sha cc2ac7bc142a)
  - homepage: http://formidable.com/blog/2017/introducing-electron-webpack-dashboard/ (fetched 2026-08-29T08:07:32.426313+00:00, sha a832297251ab)
  - site_page: https://nearform.com/about (fetched 2026-08-29T08:07:32.429926+00:00, sha 05975e80ef70)
  - registry_npm: https://registry.npmjs.org/webpack-dashboard (fetched 2026-08-29T08:07:32.432578+00:00, sha fb59344e063b)
- Data as of 2026-08-30T08:39:29.467469+00:00.