nuxt/webpackbar

Name: webpackbar

Owner: NUXT

Description: Elegant ProgressBar and Profiler for Webpack 3 and 4

Created: 2018-03-24 12:11:46.0

Updated: 2018-04-02 22:25:27.0

Pushed: 2018-04-01 19:17:31.0

Homepage:

Size: 1008

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

? 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

Getting Started

To begin, you'll need to install webpackbar:

Using npm:

install webpackbar

Using yarn:

 add webpackbar

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

webpack.config.js

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

le.exports = {
ntext: path.resolve(__dirname),
vtool: 'source-map',
try: './entry.js',
tput: {
filename: './output.js',
path: path.resolve(__dirname)

ugins: [
new WebpackBar()

Options

name

• Default: webpack

Display name

color

• Default: green

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

profile

• Default: false

Enable profiler.

stream

• Default: process.stderr

Output stream.

minimal

• Default: Auto enabled on CI, non-TTY and test environments

Hide progress bar and only show Compiling/Compiled messages.

compiledIn

• Default: true

Show Compiled in message after build.

done

• Type: Function(sharedState, ctx)

A function that will be called when all builds are finished.

Maintainers

Pooya Parsa