https://github.com/wk-j/bitbar-webpack-progress-plugin

Display webpack build progress in Mac OS X Menu Bar
https://github.com/wk-j/bitbar-webpack-progress-plugin

Last synced: 4 months ago
JSON representation

Display webpack build progress in Mac OS X Menu Bar

• Host: GitHub
• URL: https://github.com/wk-j/bitbar-webpack-progress-plugin
• Owner: wk-j
• Created: 2016-10-02T13:25:55.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-02-11T00:46:38.000Z (about 2 years ago)
• Last Synced: 2023-03-01T12:37:35.436Z (about 2 years ago)
• Language: JavaScript
• Homepage:
• Size: 241 KB
• Stars: 14
• Watchers: 2
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Bitbar Webpack Progress Plugin

Display webpack build progress in macOS Menu Bar.

![](https://github.com/wk-j/bitbar-webpack-progress-plugin/raw/master/screen/progress.png)

## Install Webpack Plugin

`npm install --save-dev bitbar-webpack-progress-plugin`

## Install Bitbar Plugin

- https://github.com/wk-j/bitbar-plugins/blob/master/webpack-progress.1s.sh

## Usage

```javascript

const BitBarWebpackProgressPlugin = require("bitbar-webpack-progress-plugin");

const path = require("path");

module.exports = {

  mode: "development",

  entry: {

    main: "./app/main"

  },

  output: {

    filename: "[name].js",

    path: path.join(__dirname, "dist", "js")

  },

  devtool: "source-map",

  module: {

    rules: [

      { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ },

      { test: /\.css$/, use: ['style-loader', 'css-loader'] }

    ]

  },

  plugins: [new BitBarWebpackProgressPlugin()]

};

```