mattvagni / webpack-messages

Beautifully format Webpack messages throughout your bundle lifecycle(s)!

webpack-messages

Beautifully format Webpack messages throughout your bundle lifecycle(s)!

Default

Default Error

Named Bundles

Named Bundle Error

Custom Logger

Named Bundle Error w/ Custom Logger

Install

$ npm install webpack-messages --save-dev

Usage

// webpack.config.js
const WebpackMessages = require('webpack-messages');

module.exports = {
  // ...
  plugins: [
    new WebpackMessages({
      name: 'client',
      logger: str => console.log(`>> ${str}`)
    })
  ]
}

API

WebpackMessages(options)

options.name

Type: String

Optionally provide a name for your bundle. Strongly recommended when compiling multiple bundles!

options.logger

Type: Function
Default: str => console.log(str)

Replace the default function -- ideal for prepending a symbol or namespace to your messages.

Function receives a (colorized) message string as its only parameter.

options.onComplete

Type: Function

Run a custom function once a bundle has been compiled successfully. If provided, the default success handler will not run.

Function receives a formatted name string (or '') and the Webpack stats object.

License

MIT © Luke Edwards