webpack-report

library2.0.3jsnpmunverified

Webpack Report is a webpack plugin (version 2.0.3) that provides a comprehensive build analysis with an interactive dashboard. It visualizes assets, modules, chunks, and dependency information, and displays build warnings and errors. It requires webpack as a peer dependency. Key differentiators include a built-in server to host the report, auto-opening in the browser, and customizable stats options. The plugin is actively maintained, though it is not as widely used as alternatives like webpack-bundle-analyzer. Release cadence is not specified but appears infrequent.

devops

npm install webpack-report

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · WEBPACK-REPORT

webpack-report

devopsjavascriptv2.0.3

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

WebpackReport

✓ const WebpackReport = require('webpack-report');

✗ import WebpackReport from 'webpack-report';

The plugin is CommonJS-only and does not provide ESM exports.

WebpackReport as ES module

✓ import WebpackReport from 'webpack-report';

✗ const { WebpackReport } = require('webpack-report');

Default import works in TypeScript with esModuleInterop, but the package has no types.

Plugin instantiation

✓ new WebpackReport({ open: false })

✗ WebpackReport()

Constructor must be called with 'new'. Options object is optional.

Shows how to add the WebpackReport plugin to a webpack configuration with default options.

// webpack.config.js const WebpackReport = require('webpack-report'); module.exports = { plugins: [ new WebpackReport({ host: 'localhost', port: 1237, open: true, statsOptions: { all: true, assets: true, chunks: true, modules: true, errors: true, warnings: true } }) ] };

Debug

Known issues

gotchaPlugin uses internal webpack hooks that may break with webpack 5+

fix

Check compatibility with your webpack version. The plugin may need updates for webpack 5.

affects: >=2.0.0

deprecatedThe 'open' option is true by default and opens a browser tab, which may be undesirable in CI

fix

Set { open: false } to suppress browser opening.

affects: >=1.0.0

gotchaThe plugin starts a local server; multiple webpack builds may conflict on port 1237

fix

Specify a unique port per build via options.

affects: >=1.0.0

gotchaThere is no TypeScript declaration file (.d.ts) shipping with the package

fix

Create your own type declarations or use @types/webpack-report if available.

affects: >=2.0.0

Errors

Common errors & fixes

Cannot find module 'webpack-report'

Package not installed or not in node_modules.

fix

Run 'npm install webpack-report' or 'yarn add webpack-report'.

TypeError: WebpackReport is not a constructor

Missing 'new' keyword when instantiating the plugin.

fix

Use 'new WebpackReport(options)'.

Error: listen EADDRINUSE :::1237

Another instance is already using the default port 1237.

fix

Set a different port via { port: 1238 } or kill the other process.

Upgrade

Version history

2.0.3latest on npm

Audit

Dependencies

webpackrequiredPlugin peer dependency – webpack is required to use the plugin

Agent activity

13 hits · last 30 days

node

Resources

githubhttps://github.com/deeppatel234/webpack-report ↗

packagehttps://www.npmjs.com/package/webpack-report ↗

homepagehttps://webpack-report.herokuapp.com ↗