Webpack Watch Log Plugin

Use magical emoji powers to bring clarity to your Webpack build output! ✨

Installation

Install with npm:

npm install --save-dev webpack-watch-log-plugin

Then require it in your Webpack config:

var WebpackWatchLogPlugin = require("webpack-watch-log-plugin");

And simply add it to your plugins list!

plugins: [
  // plugins
  new WebpackWatchLogPlugin(),
  // more plugins
]

Usage

The next time you run your Webpack build in "watch" mode, you'll get an emojified build summary, and a little timer telling you how long it's been since the last build. Nifty!

How to use a custom heartbeat message

You can provide an optional heartbeat function that returns a string when you create your plugin, like this:

new WebpackWatchLogPlugin({
  // c = a counter, it increments by 1 every time the heartbeat ticks
  // d = the build date
  heartbeat: function(c, d) {
    return "Last build was " + moment(d).fromNow(); // 🕗  Last build was 4 minutes ago
  }
})

Note that the above assumes you have moment installed as a dependency.