$ npm install webpack-simple-progress-plugin --save-dev
Add the plugin to your webpack config like below.
var SimpleProgressPlugin = require('webpack-simple-progress-plugin');
var webpackConfig = {
entry: 'index.js',
output: {
path: 'dist',
filename: 'bundle.js'
},
plugins: [
new SimpleProgressPlugin()
]
};
new SimpleProgressPlugin(options: object)
| property | type | description |
|---|---|---|
| messageTemplate | string | A template of progress and message shown while bundling modules. You can also use node-progress token. :msg shows current message of webpack ProgressPlugin. |
| progressOptions | object | node-progress options to draw progress bar. defaults are shown below. |
{
messageTemplate: [':bar', chalk.green(':percent'), ':msg'].join(' ')
progressOptions: {
complete: chalk.bgGreen(' '),
incomplete: chalk.bgWhite(' '),
width: 40,
total: 100,
clear: false
}
}