browser-sync-dev-hot-webpack-plugin

0.2.2 • Public • Published

browser-sync-dev-hot-webpack-plugin

NPM version Travis Build Status dependencies Status devDependencies Status Greenkeeper badge

Combines browser-sync, webpack-dev-middleware, and webpack-hot-middleware into one plugin.

Install

npm install --save-dev browser-sync-dev-hot-webpack-plugin

Usage

const BROWSER_SYNC_OPTIONS = {};
const DEV_MIDDLEWARE_OPTIONS = {
    publicPath: '/my/public/path'
};
const HOT_MIDDLEWARE_OPTIONS = {};
 
const webpackConfig = {
    // Some options...
    plugins: [
        // Other plugins...
        new BrowserSyncHotPlugin({
            browserSync: BROWSER_SYNC_OPTIONS,
            devMiddleware: DEV_MIDDLEWARE_OPTIONS,
            hotMiddleware: HOT_MIDDLEWARE_OPTIONS,
            callback() {
                console.log('Callback');
                /*
                    // Use browser sync server api (https://browsersync.io/docs/api)
                    const { watcher: bs } = this;
                    bs.notify("Hello! It's callback function from BrowserSyncHotPlugin!");
                */
            }
        })
        // Other plugins...
    ]
    // Some options...
};
 
module.exports = webpackConfig;

Options

See related packages docs.

Related

Contribution

Feel free to push your code if you agree with publishing under the MIT license.

Changelog

License

Dependencies (1)

Dev Dependencies (24)

Package Sidebar

Install

npm i browser-sync-dev-hot-webpack-plugin

Weekly Downloads

30

Version

0.2.2

License

MIT

Unpacked Size

12.5 kB

Total Files

6

Last publish

Collaborators

  • cap-bernardito
  • evilebottnawi
  • itgalaxy-owner