{"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,"search_vec":"'0.1.8':26 '2':29 '3':30 '4':32 '6':50 'aesthet':73 'altern':57 'appeal':19 'best':40 'build':14 'compar':55 'config':37 'configur':76 'dashboard':61 'default':13,54 'easi':21 'easy-to-read':20 'error':65 'focus':69 'format':24 'friend':64 'friendly-errors-webpack-plugin':63 'ignor':34 'instanc':44 'javascript':77 'like':58 'minim':75 'multicompil':46 'node':49 'opinion':6,53 'option':52 'output':15,72 'plugin':67 'pure':70 'read':23 'replac':11 'report':7 'requir':48 'setup':47 'singl':43 'stat':36 'stylish':3,5 'support':27 'version':25 'visual':18 'webpack':2,9,28,60,66 'webpack-dashboard':59 'webpack-stylish':1 'work':39","created_at":"2026-04-25T11:25:14.599389+00:00","updated_at":"2026-04-25T11:25:14.599389+00:00","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,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/webpack-contrib/webpack-stylish","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/webpack-stylish","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-17","next_check":"2026-07-24","install_tag":null}}