{"id":20801,"library":"webpack-nicelog","title":"webpack-nicelog","description":"A webpack plugin that provides a prettier, colorful console output during and after webpack compilation. The current stable version is 2.3.1, with an older maintenance cadence (last update 2018). It replaces the default webpack build logs with a nicer formatted display, including optional progress bar, build time, and configurable colors and display name. Differentiators include simplicity and zero-config setup, though it is less maintained compared to alternatives like webpack-dashboard or friendly-errors-webpack-plugin. No dependencies required for basic use.","status":"maintenance","version":"2.3.1","language":"javascript","source_language":"en","source_url":"https://github.com/endiliey/webpack-nicelog","tags":["javascript","webpack-plugin","webpack","pretty","console","output"],"install":[{"cmd":"npm install webpack-nicelog","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-nicelog","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-nicelog","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"The package exports a single constructor function, not a named export.","wrong":"const { WebpackNiceLog } = require('webpack-nicelog')","symbol":"WebpackNiceLog","correct":"const WebpackNiceLog = require('webpack-nicelog')"},{"note":"ESM import works in Node >=12 with type:module or appropriate bundler config. The default export is the class.","wrong":"import { WebpackNiceLog } from 'webpack-nicelog'","symbol":"WebpackNiceLog","correct":"import WebpackNiceLog from 'webpack-nicelog'"}],"quickstart":{"code":"// webpack.config.js\nconst WebpackNiceLog = require('webpack-nicelog');\n\nmodule.exports = {\n  entry: './src/index.js',\n  output: { filename: 'bundle.js', path: __dirname + '/dist' },\n  plugins: [\n    new WebpackNiceLog({\n      name: 'MyApp',\n      color: '#00ff00',\n      clearScreen: true,\n      skipBuildTime: false\n    })\n  ]\n};","lang":"javascript","description":"Configures webpack-nicelog with a custom display name, green color, screen clearing, and build time display."},"warnings":[{"fix":"Switch to webpack's 'infrastructureLogging.level' or use alternatives like 'webpack-dashboard'.","message":"Package has not been updated since 2018 and may not work with webpack 5+. Consider using webpack's built-in 'infrastructureLogging' options.","severity":"deprecated","affected_versions":">=5.0.0"},{"fix":"Set 'clearScreen: false' or ensure terminal compatibility.","message":"The 'clearScreen' option may cause flickering in some terminal environments (e.g., Windows CMD, CI systems).","severity":"gotcha","affected_versions":"all"},{"fix":"Set webpack's 'stats' configuration to minimal or use 'infrastructureLogging' to reduce noise.","message":"When using webpack 5, the plugin might not suppress other log output correctly, resulting in duplicate messages.","severity":"gotcha","affected_versions":">=5.0.0"},{"fix":"Update callback to handle stats object changes, such as using 'stats.toJson()'.","message":"The 'onDone' option callback signature uses the old webpack stats object format. In webpack 5, the stats object properties have changed.","severity":"deprecated","affected_versions":">=5.0.0"},{"fix":"Provide a valid web color name or hex code (e.g., '#ff0000').","message":"The 'color' option does not validate hex input; invalid strings may be silently ignored or cause errors.","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Use 'const WebpackNiceLog = require('webpack-nicelog')' or 'import WebpackNiceLog from 'webpack-nicelog''.","cause":"Incorrect import style - using named import instead of default.","error":"TypeError: WebpackNiceLog is not a constructor"},{"fix":"Run 'npm install webpack-nicelog --save-dev' or 'yarn add webpack-nicelog --dev'.","cause":"Package not installed or missing from node_modules.","error":"Error: Cannot find module 'webpack-nicelog'"},{"fix":"If using ESM, ensure Node >=12 and add 'type': 'module' to package.json, or use CommonJS require.","cause":"Using ES2015+ syntax (e.g., import/export) without appropriate Babel/Node version support.","error":"TypeError: Invalid or unexpected token"},{"fix":"Upgrade to a compatible webpack version or use alternative logging plugin.","cause":"Plugin used in an incompatible webpack version (e.g., webpack 5 API changes).","error":"TypeError: Cannot read property 'compilation' of undefined"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}