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

Dependencies (7)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i wds-banner

    Weekly Downloads

    57

    Version

    2.0.2

    License

    ISC

    Unpacked Size

    5.2 MB

    Total Files

    12

    Last publish

    Collaborators

    • radutoader