1. webpack-simple-progress-plugin
webpack plugin for showing simple progress bar
webpack-simple-progress-plugin
Package: webpack-simple-progress-plugin
Created by: hyunchulkwak
Last modified: Wed, 29 Jun 2022 00:08:35 GMT
Version: 0.0.5
License: MIT
Downloads: 68,758
Repository: https://github.com/hyunchulkwak/webpack-simple-progress-plugin

Install

npm install webpack-simple-progress-plugin
yarn add webpack-simple-progress-plugin

webpack-simple-progress-plugin

webpack-simple-progress-plugin

Install

$ npm install webpack-simple-progress-plugin --save-dev

Usage

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()
  ]
};

Options

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.

defaults

{
  messageTemplate: [':bar', chalk.green(':percent'), ':msg'].join(' ')
  progressOptions: {
    complete: chalk.bgGreen(' '),
    incomplete: chalk.bgWhite(' '),
    width: 40,
    total: 100,
    clear: false
  }  
}

License

MIT (http://www.opensource.org/licenses/mit-license.php)

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin