# webpack-watch-log-plugin

> Use magical emoji powers to bring clarity to your Webpack build output

Latest version **1.0.3** (published 2017-04-03) · ISC license · 0 weekly downloads

## Install

```sh
npm install webpack-watch-log-plugin
pnpm add webpack-watch-log-plugin
yarn add webpack-watch-log-plugin
bun add webpack-watch-log-plugin
```

## 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.3 |
| Published | 2017-04-03 |
| First published | 2017-03-21 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Aaron Cunnington |
| Maintainers | azcn2503 |
| Keywords | webpack, watch, log, plugin, emoji, timer |

## Links

- npm: https://www.npmjs.com/package/webpack-watch-log-plugin
- Repository: https://github.com/azcn2503/webpack-watch-log-plugin
- Homepage: https://github.com/azcn2503/webpack-watch-log-plugin#readme
- Issues: https://github.com/azcn2503/webpack-watch-log-plugin/issues
- npm.io page: https://npm.io/package/webpack-watch-log-plugin

## Alternatives

- [cli-color](https://npm.io/package/cli-color.md) — 3.4M weekly downloads
- [log](https://npm.io/package/log.md) — 1.3M weekly downloads
- [@luma.gl/experimental](https://npm.io/package/@luma.gl/experimental.md) — 77.1K weekly downloads
- [logstash-client](https://npm.io/package/logstash-client.md) — 4.5K weekly downloads
- [@nocobase/plugin-logger](https://npm.io/package/@nocobase/plugin-logger.md) — 2.0K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2017-04-03
- 1.0.2 — 2017-03-24
- 1.0.1 — 2017-03-23
- 1.0.0 — 2017-03-21

## README

# 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:

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

And simply add it to your plugins list!

```js
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:

```js
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.

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