Package Exports

browser-sync-webpack-plugin

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (browser-sync-webpack-plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

BrowserSync plugin for Webpack

Easily use BrowserSync in your Webpack project.

Install:

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

Usage:

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

$ webpack --watch

Basic:

In your webpack.config.js:

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

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

Advanced:

In your webpack.config.js:

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

module.exports = {
    // ...
    plugins: [
        new BrowserSyncPlugin(
          // browserSync options
          // http://www.browsersync.io/docs/options/
          {
            host: 'localhost',
            port: 3000,
            server: { baseDir: ['public'] }
          },
          // plugin options
          {
            // browserSync instance name
            // http://www.browsersync.io/docs/api/#api-name
            name: 'my-awesome-bs-instance',
            // browserSync instance init callback
            // http://www.browsersync.io/docs/api/#api-cb
            callback: function () {
              console.log('browserSync started!');
            },
            // determines if browserSync should take care
            // of reload (defaults to true). switching it off
            // might be useful if you combine this plugin
            // with webpack-dev-server to reach
            // Hot Loader/Hot Module Replacement tricks
            reload: true
          }
        )
    ]
}

Contributing:

Feel free to open issues to propose stuff and participate. Pull requests are also welcome.

Licence:

MIT