wds-banner

2.0.2 • Public • Published

WebPack Dev Server Inline Banner

Mimics the behaviour of the WDS banner from live bundle from http://app/webpack-dev-server/

This is for development usage only.

This project is inspired from :

https://github.com/webpack/webpack-dev-server - overlay,banner https://github.com/glenjamin/webpack-hot-middleware https://www.npmjs.com/package/redbox-react

You will get error overlay, and informations about when the page is ready/hot updated

alt tag

Usage

Within the entry points of webpack add the following :

require.resolve('wds-banner') + '?' + webpackDevServerPublicPath, // my banner+error overlay
//or 
'wds-banner' + '?' + webpackDevServerPublicPath, // my banner+error overlay

where webpackDevServerPublicPath is the public path defined for WDS usually /

WDS banner can be used with WDS setup for HMR and React hot update

require.resolve('webpack-dev-server/client') + '?' + config.devServerPublicPath,
require.resolve('webpack/hot/dev-server'),
require.resolve('wds-banner') + '?' + config.devServerPublicPath, // my banner+error overlay

Package Sidebar

Install

npm i wds-banner

Weekly Downloads

79

Version

2.0.2

License

ISC

Unpacked Size

5.2 MB

Total Files

12

Last publish

Collaborators

  • radutoader