browser-sync-webpack-plugin

BrowserSync plugin for Webpack

Easily use BrowserSync in your Webpack project.

Install:

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

Usage:

In your webpack.config.js:

var BrowserSyncPlugin = require('browser-sync-webpack-plugin');

module.exports = {
    ...
    plugins: [
        new BrowserSyncPlugin({
          host: 'localhost',
          port: 3000,
          server: { baseDir: ['public'] }
        })
    ]
}

BrowserSync will start only when you run Webpack in watch mode:

$ webpack --watch

Options:

Plugin accepts any BrowserSync options.

Licence:

MIT