{"id":20816,"library":"webpack-report","title":"Webpack Report","description":"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.","status":"active","version":"2.0.3","language":"javascript","source_language":"en","source_url":"https://github.com/deeppatel234/webpack-report","tags":["javascript"],"install":[{"cmd":"npm install webpack-report","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-report","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-report","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Plugin peer dependency – webpack is required to use the plugin","package":"webpack","optional":false}],"imports":[{"note":"The plugin is CommonJS-only and does not provide ESM exports.","wrong":"import WebpackReport from 'webpack-report';","symbol":"WebpackReport","correct":"const WebpackReport = require('webpack-report');"},{"note":"Default import works in TypeScript with esModuleInterop, but the package has no types.","wrong":"const { WebpackReport } = require('webpack-report');","symbol":"WebpackReport as ES module","correct":"import WebpackReport from 'webpack-report';"},{"note":"Constructor must be called with 'new'. Options object is optional.","wrong":"WebpackReport()","symbol":"Plugin instantiation","correct":"new WebpackReport({ open: false })"}],"quickstart":{"code":"// webpack.config.js\nconst WebpackReport = require('webpack-report');\n\nmodule.exports = {\n  plugins: [\n    new WebpackReport({\n      host: 'localhost',\n      port: 1237,\n      open: true,\n      statsOptions: {\n        all: true,\n        assets: true,\n        chunks: true,\n        modules: true,\n        errors: true,\n        warnings: true\n      }\n    })\n  ]\n};\n","lang":"javascript","description":"Shows how to add the WebpackReport plugin to a webpack configuration with default options."},"warnings":[{"fix":"Check compatibility with your webpack version. The plugin may need updates for webpack 5.","message":"Plugin uses internal webpack hooks that may break with webpack 5+","severity":"gotcha","affected_versions":">=2.0.0"},{"fix":"Set { open: false } to suppress browser opening.","message":"The 'open' option is true by default and opens a browser tab, which may be undesirable in CI","severity":"deprecated","affected_versions":">=1.0.0"},{"fix":"Specify a unique port per build via options.","message":"The plugin starts a local server; multiple webpack builds may conflict on port 1237","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Create your own type declarations or use @types/webpack-report if available.","message":"There is no TypeScript declaration file (.d.ts) shipping with the package","severity":"gotcha","affected_versions":">=2.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install webpack-report' or 'yarn add webpack-report'.","cause":"Package not installed or not in node_modules.","error":"Cannot find module 'webpack-report'"},{"fix":"Use 'new WebpackReport(options)'.","cause":"Missing 'new' keyword when instantiating the plugin.","error":"TypeError: WebpackReport is not a constructor"},{"fix":"Set a different port via { port: 1238 } or kill the other process.","cause":"Another instance is already using the default port 1237.","error":"Error: listen EADDRINUSE :::1237"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}