{"id":20839,"library":"webpack-stylish","title":"webpack-stylish","description":"A stylish, opinionated reporter for webpack that replaces the default build output with a visually appealing, easy-to-read format. Version 0.1.8 supports webpack 2, 3, and 4. It ignores the stats config and works best with a single instance for MultiCompiler setups. Requires Node >=6. No options; opinionated defaults. Compared to alternatives like webpack-dashboard or friendly-errors-webpack-plugin, it focuses purely on output aesthetics with minimal configuration.","status":"maintenance","version":"0.1.8","language":"javascript","source_language":"en","source_url":"https://github.com/webpack-contrib/webpack-stylish","tags":["javascript"],"install":[{"cmd":"npm install webpack-stylish","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-stylish","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-stylish","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency required to hook into compilation","package":"webpack","optional":false}],"imports":[{"note":"Package does not ship ESM; use CommonJS require.","wrong":"import Stylish from 'webpack-stylish';","symbol":"default","correct":"const Stylish = require('webpack-stylish');"},{"note":"No ESM export; must use require.","wrong":"import Stylish from 'webpack-stylish';","symbol":"default (ESM)","correct":"const Stylish = require('webpack-stylish');"},{"note":"Constructor returns a plugin instance. No options.","symbol":"instance usage","correct":"new Stylish()"}],"quickstart":{"code":"const path = require('path');\nconst webpack = require('webpack');\nconst Stylish = require('webpack-stylish');\n\nmodule.exports = {\n  context: path.resolve(__dirname),\n  devtool: 'source-map',\n  entry: './entry.js',\n  output: {\n    filename: './output.js',\n    path: path.resolve(__dirname),\n  },\n  plugins: [\n    new webpack.NamedModulesPlugin(),\n    new Stylish(),\n  ],\n};","lang":"javascript","description":"Basic webpack config with webpack-stylish plugin replacing default stats output."},"warnings":[{"fix":"Do not set `stats` in webpack config; if using webpack-cli, set `stats: 'none'` to avoid duplicate output.","message":"webpack-stylish ignores the `stats` config property entirely.","severity":"gotcha","affected_versions":"*"},{"fix":"Upgrade to a webpack 5 compatible alternative or stick with webpack 4.","message":"Requires webpack 2, 3, or 4; not compatible with webpack 5.","severity":"breaking","affected_versions":"*"},{"fix":"Use a single shared instance for MultiCompiler; otherwise duplicate output.","message":"Some loaders/plugins (e.g., stylelint-webpack-plugin) push multiple errors as one, causing wonky output.","severity":"gotcha","affected_versions":"*"},{"fix":"Upgrade Node.js to >=6.","message":"Node.js version <6 is not supported.","severity":"breaking","affected_versions":"<6"}],"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-stylish --save-dev` and ensure require path matches.","cause":"Package not installed or incorrect import path.","error":"Error: Cannot find module 'webpack-stylish'"},{"fix":"Use `const Stylish = require('webpack-stylish');` instead of `import`.","cause":"Using ESM import syntax on a CommonJS module.","error":"TypeError: Stylish is not a constructor"},{"fix":"Add `stats: 'none'` to config, and share a single Stylish instance across all compiler configs.","cause":"Using webpack-cli without setting stats: 'none', or multiple instances per MultiCompiler.","error":"Duplicate output shown in terminal"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}