All Projects â†’ lukeed â†’ Webpack Messages

lukeed / Webpack Messages

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Webpack Messages

Webpack Format Messages
Beautiful formatting for Webpack messages; ported from Create React App!
Stars: ✭ 103 (-56.72%)
Mutual labels:  webpack, pretty-print, console, create-react-app
Error Overlay Webpack Plugin
Catch errors with style đŸ’„âœš
Stars: ✭ 821 (+244.96%)
Mutual labels:  webpack, webpack-plugin, create-react-app, error-handling
Treeify
Pretty-print a javascript object as a tree
Stars: ✭ 174 (-26.89%)
Mutual labels:  pretty-print, console
Webpack Serve
Takes your webpack config and creates a development server with hot module reloading and error overlay
Stars: ✭ 177 (-25.63%)
Mutual labels:  webpack, create-react-app
Copy Webpack Plugin
Copy files and directories with webpack
Stars: ✭ 2,679 (+1025.63%)
Mutual labels:  webpack, webpack-plugin
React Core Boilerplate
Powerful ASP.NET Core 3 templates with React, true server-side rendering and Docker support
Stars: ✭ 169 (-28.99%)
Mutual labels:  webpack, webpack-plugin
Html Res Webpack Plugin
plugin for generating html in webpack
Stars: ✭ 170 (-28.57%)
Mutual labels:  webpack, webpack-plugin
Wxapp Webpack Plugin
📩 ćŸźäżĄć°çš‹ćș webpack 插件
Stars: ✭ 185 (-22.27%)
Mutual labels:  webpack, webpack-plugin
Virtual Module Webpack Plugin
Adds the contents of a virtual file to webpack's cached file system without writing it to disk
Stars: ✭ 165 (-30.67%)
Mutual labels:  webpack, webpack-plugin
Firefly
Web app boilerplate for beginners based on Firebase and React đŸ”„
Stars: ✭ 204 (-14.29%)
Mutual labels:  webpack, create-react-app
Yfiles For Html Demos
Contains demo sources for the JavaScript diagramming library yFiles for HTML
Stars: ✭ 202 (-15.13%)
Mutual labels:  webpack, create-react-app
Unused Files Webpack Plugin
Glob all files that are not compiled by webpack under webpack's context
Stars: ✭ 210 (-11.76%)
Mutual labels:  webpack, webpack-plugin
Multipage Webpack Plugin
A plugin that makes handling templates and asset distribution for multi-page applications using webpack trivial
Stars: ✭ 168 (-29.41%)
Mutual labels:  webpack, webpack-plugin
Cordova Create React App
A tutorial on how to set up a Cordova project using Create React App.
Stars: ✭ 167 (-29.83%)
Mutual labels:  webpack, create-react-app
Workerize Loader
đŸ—ïž Automatically move a module into a Web Worker (Webpack loader)
Stars: ✭ 2,135 (+797.06%)
Mutual labels:  webpack, webpack-plugin
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+760.92%)
Mutual labels:  webpack, webpack-plugin
Emojify Webpack Plugin
🩄 Turn your code into emoji
Stars: ✭ 178 (-25.21%)
Mutual labels:  webpack, webpack-plugin
Hard Source Webpack Plugin
www.npmjs.com/package/hard-source-webpack-plugin
Stars: ✭ 2,608 (+995.8%)
Mutual labels:  webpack, webpack-plugin
Clean Webpack Plugin
By default, this plugin will remove all files inside webpack's output.path directory, as well as all unused webpack assets after every successful rebuild.
Stars: ✭ 1,888 (+693.28%)
Mutual labels:  webpack, webpack-plugin
Svg Spritemap Webpack Plugin
SVG spritemap plugin for webpack
Stars: ✭ 160 (-32.77%)
Mutual labels:  webpack, webpack-plugin

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].