{"id":20829,"library":"webpack-simple-progress-plugin","title":"webpack-simple-progress-plugin","description":"A webpack plugin that displays a simple progress bar in the terminal during the build process. Current stable version is 0.0.5, which supports webpack 1 through 5. It uses node-progress and chalk for customizable progress bars and messages. The plugin wraps webpack's ProgressPlugin events to provide real-time feedback. It is lightweight with no unusual overhead, suitable for projects that want a minimalistic progress indicator. Suitable for any webpack project requiring visual progress feedback during builds.","status":"active","version":"0.0.5","language":"javascript","source_language":"en","source_url":"ssh://git@github.com/hyunchulkwak/webpack-simple-progress-plugin","tags":["javascript","webpack","plugin","progress"],"install":[{"cmd":"npm install webpack-simple-progress-plugin","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-simple-progress-plugin","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-simple-progress-plugin","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency: required to function as a webpack plugin","package":"webpack","optional":false},{"reason":"used for coloring the progress bar and message","package":"chalk","optional":false},{"reason":"used to render the progress bar with customizable tokens","package":"node-progress","optional":false}],"imports":[{"note":"This package does not ship ESM; use CommonJS require. The export is a function that returns a plugin instance.","wrong":"import SimpleProgressPlugin from 'webpack-simple-progress-plugin';","symbol":"SimpleProgressPlugin","correct":"const SimpleProgressPlugin = require('webpack-simple-progress-plugin');"},{"note":"In version 0.0.x, the default export is the plugin constructor itself, but some bundlers may require .default if transpiled. Check your setup.","wrong":"const SimpleProgressPlugin = require('webpack-simple-progress-plugin');","symbol":"SimpleProgressPlugin","correct":"const SimpleProgressPlugin = require('webpack-simple-progress-plugin').default;"},{"note":"The package does not export TypeScript types. Use JSDoc or declare your own types.","wrong":"import { PluginOptions } from 'webpack-simple-progress-plugin';","symbol":"PluginOptions","correct":"No TypeScript type exports are provided."}],"quickstart":{"code":"const SimpleProgressPlugin = require('webpack-simple-progress-plugin');\n\nmodule.exports = {\n  entry: './src/index.js',\n  output: {\n    path: path.resolve(__dirname, 'dist'),\n    filename: 'bundle.js'\n  },\n  plugins: [\n    new SimpleProgressPlugin({\n      messageTemplate: [':bar', ':percent', ':msg'].join(' '),\n      progressOptions: {\n        complete: '█',\n        incomplete: '░',\n        width: 30,\n        total: 100,\n        clear: false\n      }\n    })\n  ]\n};","lang":"javascript","description":"Basic webpack configuration using CommonJS require with custom progress bar styling and message template."},"warnings":[{"fix":"npm install webpack-simple-progress-plugin@latest --save-dev","message":"Versions before 0.0.5 do not support webpack 5. Update to 0.0.5 if using webpack 5.","severity":"breaking","affected_versions":"<0.0.5"},{"fix":"Add \"chalk\": \"^2.4.2\" as a direct dependency in your package.json, or use a plugin that supports modern chalk.","message":"The package uses chalk v2 syntax, which may be incompatible with chalk v5+. Consider using a different progress plugin or pinning chalk to v2.","severity":"deprecated","affected_versions":">=0.0.1"},{"fix":"Conditionally enable the plugin only for interactive terminals using process.stdout.isTTY.","message":"The plugin may not display correctly in non-TTY environments (e.g., CI logs with no terminal).","severity":"gotcha","affected_versions":">=0.0.1"},{"fix":"Ensure only one instance of the plugin is used per compilation.","message":"The progress bar is rendered using node-progress; if multiple instances run simultaneously, output may overlap.","severity":"gotcha","affected_versions":">=0.0.1"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install chalk@^2.4.2 --save-dev' or add chalk to your project dependencies.","cause":"chalk is a peer dependency but not installed automatically.","error":"Cannot find module 'chalk'"},{"fix":"Use 'const SimpleProgressPlugin = require('webpack-simple-progress-plugin');' instead of 'import'.","cause":"The import was done using ES modules (import) instead of CommonJS require.","error":"TypeError: SimpleProgressPlugin is not a constructor"},{"fix":"Update to version 0.0.5 or later: 'npm install webpack-simple-progress-plugin@latest --save-dev'.","cause":"Installed version is older than 0.0.5 which does not support webpack 5.","error":"Error: webpack-simple-progress-plugin: webpack version 5 is not supported."}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}