JSPM

  • Created
  • Published
  • Downloads 1294714
  • Score
    100M100P100Q199886F
  • License MIT

Elegant ProgressBar and Profiler for Webpack

Package Exports

  • webpackbar

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (webpackbar) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

npm deps test test-windows coverage

Elegant ProgressBar and Profiler for Webpack

✔ Display elegant progress bar while building or watch

✔ Support of multiply concurrent builds (useful for SSR)

✔ Pretty print filename and loaders

✔ Windows compatible

✔ Customizable

✔ Advanced build profiler


Multi progress bars



Build Profiler


Getting Started

To begin, you'll need to install webpackbar:

Using npm:

npm install webpackbar

Using yarn:

yarn add webpackbar

Then add the reporter as a plugin to your webpack config.

webpack.config.js

const webpack = require('webpack');
const WebpackBar = require('webpackbar');

module.exports = {
  context: path.resolve(__dirname),
  devtool: 'source-map',
  entry: './entry.js',
  output: {
    filename: './output.js',
    path: path.resolve(__dirname)
  },
  plugins: [
    new WebpackBar()
  ]
};

Options

name

  • Default: webpack

Display name

color

  • Default: green

Display color (can be hex (#xxyyzz) or a web color like green)

profile

  • Default: false

Enable profiler

stream

Default: process.stdout

Output stream.

showCursor

Default: false

Show the cursor. This can be useful when a CLI accepts input from a user.

clear

  • Default: true

Auto clear console when compile is finished.

Maintainers


Pooya Parsa