BrowserSync plugin for Webpack
Easily use BrowserSync in your Webpack project.
$ npm install --save-dev browser-sync-webpack-plugin
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
Plugin accepts any BrowserSync options.