Ghost Progress Webpack Plugin

0.1.0 verified Sat Apr 25 auth: no javascript

A lightweight, zero-side-effect progress plugin for webpack (v3+). Version 0.1.0 (stable, no recent updates). Unlike other progress plugins, it does not interfere with tool output or leave messy logs, making it ideal for development builds. Supports three output formats: compact, detailed, and bar. Peer dependency on webpack >=3.0.0. Not recommended for CI environments.

Common errors

error TypeError: GhostProgressWebpackPlugin is not a constructor ↓

cause Using default import which is undefined.

fix

Use named import: import { GhostProgressWebpackPlugin } from 'ghost-progress-webpack-plugin'

error Module not found: Can't resolve 'ghost-progress-webpack-plugin' ↓

cause Package not installed or webpack version incompatible.

fix

Run npm install --save-dev ghost-progress-webpack-plugin and ensure webpack >=3.

error Error: GhostProgressWebpackPlugin requires webpack 3.0 or higher ↓

cause Trying to use with webpack <3.

fix

Upgrade webpack to version 3 or later.

Warnings

gotcha Plugin is not suitable for CI environments; output may be confusing or absent. ↓

fix Use simple-progress-webpack-plugin in CI or disable the plugin conditionally.

deprecated Webpack 3 is outdated; plugin may not work with webpack 4+ although peer dep allows >=3. ↓

fix Test with your webpack version; consider updating to webpack 5 and a more modern progress plugin.

gotcha Default import returns undefined; must use named import. ↓

fix Use import { GhostProgressWebpackPlugin } from 'ghost-progress-webpack-plugin' or const { GhostProgressWebpackPlugin } = require(...).

gotcha The plugin writes to stderr by default; may interfere with some log parsers. ↓

fix Set options.stream to a custom stream if needed.

Install

npm install ghost-progress-webpack-plugin

yarn add ghost-progress-webpack-plugin

pnpm add ghost-progress-webpack-plugin

Imports

GhostProgressWebpackPlugin
wrong
```
const GhostProgressWebpackPlugin = require('ghost-progress-webpack-plugin')
```
correct
```
import { GhostProgressWebpackPlugin } from 'ghost-progress-webpack-plugin'
```
The default export is not provided; named export must be used. CommonJS destructuring is also correct: const { GhostProgressWebpackPlugin } = require('...')

GhostProgressWebpackPlugin (as default)

wrong

const GhostProgressWebpackPlugin = require('ghost-progress-webpack-plugin')

correct

import GhostProgressWebpackPlugin from 'ghost-progress-webpack-plugin'

As of v0.1.0, there is no default export; this import yields undefined. Use named import instead.

module.exports

wrong

const GhostProgressWebpackPlugin = require('ghost-progress-webpack-plugin')

correct

const { GhostProgressWebpackPlugin } = require('ghost-progress-webpack-plugin')

Direct require returns an object with named export, not the constructor itself.

Quickstart

Adds a clean progress bar to webpack builds. Uses the 'bar' format for visual feedback.

// webpack.config.js
const { GhostProgressWebpackPlugin } = require('ghost-progress-webpack-plugin');

module.exports = {
  entry: './src/index.js',
  output: {
    path: __dirname + '/dist',
    filename: 'bundle.js'
  },
  plugins: [
    new GhostProgressWebpackPlugin({ format: 'bar' })
  ]
};