# anybar-webpack-plugin

> See the status of webpack builds in macOS menubar via Anybar.

Latest version **1.0.2** (published 2022-06-01) · ISC license · 0 weekly downloads

## Install

```sh
npm install anybar-webpack-plugin
pnpm add anybar-webpack-plugin
yarn add anybar-webpack-plugin
bun add anybar-webpack-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.2 |
| Published | 2022-06-01 |
| First published | 2021-06-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 4.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | William Bert |
| Maintainers | sandinmyjoints |
| Keywords | anybar, webpack, macos |

## Links

- npm: https://www.npmjs.com/package/anybar-webpack-plugin
- Homepage: https://github.com/sandinmyjoints/anybar-webpack-plugin/
- Issues: https://github.com/sandinmyjoints/anybar-webpack-plugin/issues
- npm.io page: https://npm.io/package/anybar-webpack-plugin

## Dependencies (1)

- [schema-utils](https://npm.io/package/schema-utils.md) 3.0.0

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2022-06-01
- 1.0.1 — 2021-07-06
- 1.0.0 — 2021-06-28

## README

# anybar-webpack-plugin

See the status of webpack builds in macOS menubar via
[Anybar](https://github.com/tonsky/AnyBar).

- Supports multiple webpack builds.
- Indicates whether watch is running or not.
- Compatible with webpack 5.

## Install

1. Install [Anybar](https://github.com/tonsky/AnyBar).
1. Install anybar-webpack-plugin.

``` shell
$ yarn add -D anybar-webpack-plugin
```

## Configure

``` javascript
const AnybarWebpackPlugin = require('anybar-webpack-plugin');

module.exports = {
  // Your webpack configuration ...
  plugins: [
    new AnybarWebpackPlugin({
      port: 1738 // default
    }),
    // etc.
  ],
};
```

## Use

1. Start anybar, for example, `open -na AnyBar`, which binds to UDP port 1738
   by default.
1. Run your webpack build.
1. See anybar indicator update to reflect the status of the build.

For multiple webpack builds, bind AnyBar to different ports:

``` shellsession
$ ANYBAR_TITLE=main ANYBAR_PORT=1738 open -na AnyBar
$ ANYBAR_TITLE=other ANYBAR_PORT=1739 open -na AnyBar
```

And specify `port` in each webpack build config.

<img width="74" alt="Screen Shot 2021-06-25 at 19 08 14" src="https://user-images.githubusercontent.com/606772/123645934-c27e9600-d7f4-11eb-868c-02b71e8136ec.png">

- Hollow = build/watch is not running
- Yellow = build/watch is compiling
- Green = last watch compilation succeeded; watching for changes
- Red exclamation (not picture) = last compilation errored

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