Opens a new browser tab when Webpack loads. Very useful if you're lazy and don't want to force yourself to open a new tab when Webpack is ready to play!

npm install open-browser-webpack-plugin --save-dev

Simply require the plugin and add it in the plugins section:

var OpenBrowserPlugin = require('open-browser-webpack-plugin');

module.exports = {
  entry: path.resolve(__dirname, 'lib/entry.js'),
  output: {
    path: __dirname + "/bundle/",
    filename: "bundle.js"
  },
  plugins: [
    new OpenBrowserPlugin({ url: 'http://localhost:3000' })
  ]
};

Type: String
Default: http://localhost:8080

Url to open when Webpack is ready. Needs to have the prefix http:// or https:// in order to open the browser.

Type: Number
Default: 0
Optional

By default the browser is opened immediately, but this could be too early in some cases (eg. starting a nodeJS server). The value is specified in milliseconds.

Type: String
Optional

Browser to open. By default, it will try to open the browser set by default in your system.

Type: Boolean
Default: False
Optional

By default this plugin only opens the browser if there's no Webpack errors. Setting ignoreErrors to true will open a new tab no matter the compilation errors.

• Fix issue where the compilation never ends. (Thanks to @vkalinichev)

• Fix issue where other Webpack callbacks were removed. (Thanks to @plemarquand)

• delay option (Thanks to @Root-Core)

• ignoreErrors option (Thanks to @zhura).
• Changelog.
• Documentation for options.

• DEFAULT_BROWSER constant.

• First release.

MIT License.