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
Elegant ProgressBar and Profiler for Webpack
✔ Display elegant progress bar while building or watch
✔ Support of multiple 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 -DUsing yarn:
yarn add webpackbar -DThen 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 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
|