# webpack-monitor

> Monitor your production builds throughout the development process with rich analysis tool

Latest version **1.0.14** (published 2017-12-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install webpack-monitor
pnpm add webpack-monitor
yarn add webpack-monitor
bun add webpack-monitor
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.14 |
| Published | 2017-12-05 |
| First published | 2017-09-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2396 |
| Author | Jon Roach, Gordon Yu, Balal Zuhair |
| Maintainers | roachjc |

## Links

- npm: https://www.npmjs.com/package/webpack-monitor
- Repository: https://github.com/webpackmonitor/webpackmonitor
- Issues: https://github.com/webpackmonitor/webpackmonitor/issues
- npm.io page: https://npm.io/package/webpack-monitor

## Dependencies (5)

- [colors](https://npm.io/package/colors.md) ^1.1.2
- [opener](https://npm.io/package/opener.md) ^1.4.3
- [express](https://npm.io/package/express.md) ^4.15.5
- [babel-core](https://npm.io/package/babel-core.md) ^6.26.0
- [purify-css](https://npm.io/package/purify-css.md) ^1.2.6

## Recent versions

- 1.0.14 (latest) — 2017-12-05
- 1.0.13 — 2017-10-16
- 1.0.12 — 2017-10-16
- 1.0.11 — 2017-10-12
- 1.0.10 — 2017-10-11
- 1.0.9 — 2017-10-11
- 1.0.8 — 2017-10-11
- 1.0.7 — 2017-10-11
- 1.0.6 — 2017-10-10
- 1.0.5 — 2017-10-05
- 1.0.4 — 2017-10-04
- 1.0.3 — 2017-09-18
- 1.0.2 — 2017-09-17
- 1.0.1 — 2017-09-17
- 1.0.0 — 2017-09-17

## README

# Webpack Monitor
Webpack Monitor is a configurable Webpack plugin that captures relevant statistics on your production builds, and an interactive analysis tool that helps developers better understand bundle composition and identify and prioritize optimization strategies.

## Usage

![webpack monitor analysis tool](https://roachjc.github.io/main3.gif)

Install the webpack monitor plugin on your production config. The plugin will collect stats whenever meaningful changes to bundle composition have occurred. Optionally launch analysis too to see how your bundles have changed over time!

## Setup
```sh
npm install --save-dev webpack-monitor
```

in `webpack.config.js`
```js
const WebpackMonitor = require('webpack-monitor');

// ...

plugins: [
  new WebpackMonitor({
    capture: true, // -> default 'true'
    target: '../monitor/myStatsStore.json', // default -> '../monitor/stats.json'
    launch: true, // -> default 'false'
    port: 3030, // default -> 8081
  }),
],
```

`capture` will collect stats on the build where meaningful changes have occured. We do not capture build data where the build does not differ from most recent build on file.
`target` specify where to save your build data
`launch` will fire up a local server and launch the webpack monitor analysis tool
`port` optionally set the port for local server

## Contributing
To contribute to `webpack-monitor`, fork the repository and clone it to your machine then install dependencies with `npm install`. If you're interested in joining the Webpack Monitor team as a contributor, feel free to message one of us directly!

## Authors

- Jon Roach (https://github.com/roachjc)
- Gordon Yu (https://github.com/gordonu)
- Balal Zuhair (https://github.com/bzuhair)

## License

This project is licensed under the MIT License - see the LICENSE.md file for details

---
_Source: https://npm.io/package/webpack-monitor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._