A tool for monitoring webpack optimization metrics through the development process
Switch branches/tags
Nothing to show
Clone or download
Latest commit fb86609 Jun 1, 2018
Permalink
Failed to load latest commit information.
build Merge branch 'master' into file_history_chart Nov 28, 2017
client add prettier Jan 14, 2018
plugin/npm-module add prettier Jan 14, 2018
.babelrc config Sep 15, 2017
.gitignore config Oct 11, 2017
LICENSE Initial commit Sep 14, 2017
README.md Update README.md May 30, 2018
icon.png feature: add respository icon 🎉 Dec 29, 2017
package.json add prettier Jan 14, 2018
webpack.config.js add prettier Jan 14, 2018
webpack.utils.js add prettier Jan 14, 2018

README.md

Please note that Webpack Monitor is NOT currently maintained - sorry 😢

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.

NPM version Downloads

Usage

webpack monitor analysis tool

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

npm install --save-dev webpack-monitor

in webpack.config.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
    excludeSourceMaps: true // default 'true'
  }),
],
  • capture will collect stats on the build where meaningful changes have occurred. 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
  • excludeSourceMaps excludes emitted source maps from the build stats

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

License

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