About Webpack Monitor
Webpack Monitor is a configurable Webpack plugin paired with an interactive analysis tool for understanding how a production bundle is composed. It is aimed at developers who want to track optimization metrics over time and prioritize which parts of a bundle are worth optimizing, rather than digging through raw Webpack stats manually.
The plugin captures build statistics whenever meaningful changes to bundle composition occur, skipping captures when a build does not differ from the most recent one on record, and can optionally launch a local analysis server to visualize how bundles have changed between builds. Configuration options let developers choose where build data is saved, which port the local server runs on, and whether emitted source maps are excluded from the captured stats.
The README states plainly that Webpack Monitor is not currently maintained. It is published to npm as webpack-monitor, written in JavaScript, and released under the MIT license, so existing users can continue to use it but should not expect new features or fixes.
Key features
- Captures Webpack build statistics over time
- Interactive local bundle analysis tool
- Tracks changes in bundle composition
- Configurable capture and save targets
- Option to exclude source maps from stats
Good fit for
- →Tracking bundle size changes across builds
- →Prioritizing Webpack optimization work
- Built with
- JavaScript
- Tags
- webpack
- bundle-analysis
- optimization
- javascript
- monitoring
- deprecated
Webpack Monitor: questions and answers
- What is Webpack Monitor used for?
- Webpack Monitor is a free, MIT-licensed, no-longer-maintained Webpack plugin and analysis tool for tracking bundle composition and optimization metrics during development. It is a good fit for tracking bundle size changes across builds and prioritizing Webpack optimization work.
- Is Webpack Monitor open source?
- Yes. Webpack Monitor is open source under the MIT licence. Its source code is on GitHub at webpackmonitor/webpackmonitor and is written mainly in JavaScript.
- Is Webpack Monitor free?
- Yes. Webpack Monitor is open source, so the software itself is free to use.
- What are some alternatives to Webpack Monitor?
- Similar open-source tools in the Developer Tools category include Statoscope, Laravel Telescope and Somo. SaaS products in the same category include CodeKit, CodePen and JSFiddle.
- Is Webpack Monitor actively maintained?
- The most recent commit to Webpack Monitor was on 14 October 2019. The project has 2.4k stars on GitHub.
Open-source alternatives to Webpack Monitor
See all
Statoscope
Developer Tools
Statoscope is a toolkit to analyze and validate webpack bundle
MIT★ 1.6k
Laravel Telescope
Developer Tools
An elegant debug assistant for the Laravel framework.
MIT★ 5.2kSomo
Developer Tools
A human-friendly alternative to netstat for socket and port monitoring on Linux and macOS.
MITvs Socket★ 2.6k
Nue
Developer Tools
Fastest way to build modern websites
MIT★ 8.8k
System Designer
Developer Tools
A low-code development platform for creating systems 🇺🇦#standwithUkraine
Apache-2.0★ 1.1kGoogleScraper
Developer Tools
A Python module to scrape several search engines (like Google, Yandex, Bing, Duckduckgo, .
Apache-2.0vs SerpApi★ 2.9k
SaaS alternatives to Webpack Monitor
See all
CodeKit
Developer Tools
macOS app that compiles Sass, bundles JavaScript and refreshes browsers during web development
SaaS
CodePen
Developer Tools
Online editor and community for front-end HTML, CSS and JavaScript snippets
SaaS
JSFiddle
Developer Tools
Online editor for testing and sharing HTML, CSS and JavaScript snippets
SaaS
WebStorm
Developer Tools
JetBrains IDE for JavaScript and TypeScript with framework support and refactoring
SaaS
1DevTool
Developer Tools
Desktop workspace for running several AI coding agents side by side across multiple projects
SaaS
3 Pixel Grid
Developer Tools
Library of tiny animated 3x3 grid indicators with copyable configs for use in your own project
SaaS

