{"id":20478,"library":"progress-webpack-plugin","title":"Progress Webpack Plugin","description":"A simple Webpack plugin that displays a nice progress bar during builds. Version 1.0.16 is the latest stable release, with no frequent updates. It supports Webpack 2 through 5 and provides a more visually informative progress display compared to the built-in Webpack progress. It offers options for minimal mode, custom identifiers, and lifecycle callbacks (onStart, onFinish, onProgress).","status":"active","version":"1.0.16","language":"javascript","source_language":"en","source_url":"https://github.com/ali322/progress-webpack-plugin","tags":["javascript","progress"],"install":[{"cmd":"npm install progress-webpack-plugin","lang":"bash","label":"npm"},{"cmd":"yarn add progress-webpack-plugin","lang":"bash","label":"yarn"},{"cmd":"pnpm add progress-webpack-plugin","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"This package does not provide a default ESM export; use CommonJS require.","wrong":"import ProgressPlugin from 'progress-webpack-plugin'","symbol":"default","correct":"const ProgressPlugin = require('progress-webpack-plugin')"},{"note":"Instantiate the plugin after requiring it, not as a direct function call.","wrong":"new require('progress-webpack-plugin')(true)","symbol":"new ProgressPlugin(true)","correct":"const ProgressPlugin = require('progress-webpack-plugin'); new ProgressPlugin(true)"},{"note":"minimal expects a boolean, not a string.","wrong":"new ProgressPlugin({ minimal: 'true' })","symbol":"ProgressPlugin minimal option","correct":"new ProgressPlugin({ minimal: true })"}],"quickstart":{"code":"const ProgressPlugin = require('progress-webpack-plugin');\n\nmodule.exports = {\n  entry: './src/index.js',\n  output: { path: __dirname + '/dist', filename: 'bundle.js' },\n  plugins: [\n    new ProgressPlugin({\n      minimal: false,\n      identifier: 'My App',\n      onProgress: (percentage, message) => {\n        console.log(`${Math.round(percentage * 100)}% ${message}`);\n      }\n    })\n  ]\n};","lang":"javascript","description":"Shows a complete webpack.config.js entry with ProgressPlugin, including minimal mode, identifier, and onProgress callback."},"warnings":[{"fix":"Pass a boolean directly or use object syntax with `minimal` key in newer versions.","message":"The first argument to ProgressPlugin is 'minimal' (boolean), not a configuration object in some versions.","severity":"gotcha","affected_versions":">=1.0.0 <1.0.16"},{"fix":"Upgrade to Webpack 2 or higher.","message":"Webpack 2+ is required; plugin does not work with Webpack 1.","severity":"breaking","affected_versions":">=1.0.0"},{"fix":"Consider alternatives like webpackbar or progress-bar-webpack-plugin.","message":"Package has not been updated since 2018; may not support future Webpack versions.","severity":"deprecated","affected_versions":"<=1.0.16"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Install package: npm install --save-dev progress-webpack-plugin","cause":"Missing package installation or incorrect import path.","error":"Cannot find module 'progress-webpack-plugin'"},{"fix":"Use `const ProgressPlugin = require('progress-webpack-plugin')`","cause":"CommonJS require returns an object with default export or wrong import style.","error":"TypeError: ProgressPlugin is not a constructor"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}