Nodemon Browsersync Webpack Plugin

A webpack plugin that starts and reloads Nodemon and Browsersync. It is useful when developing web applications that leverage both server-side rendered HTML pages and webpack bundles.

Initially based on Va1/browser-sync-webpack-plugin

Installation

Install the plugin with npm:

1$ npm install nodemon-browsersync-webpack-plugin --save-dev

Usage

1$ webpack --watch

Basic

Pass Nodemon options and BrowserSync options into the plugin in that order.

1const NodemonBrowsersyncPlugin = require('nodemon-browsersync-webpack-plugin');
2
3module.exports = {
4  entry: './src/js/entry.js',
5  output: {
6    path: './public/assets',
7    filename: 'bundle.js'
8  },
9  plugins: [
10    new NodemonBrowsersyncPlugin({
11      script: 'server.js',
12      ignore: [
13          "src/*", 
14          "public/*"
15      ],
16      ext: 'js json',
17      verbose: true
18    }, {
19      proxy: 'localhost:8001'
20    )
21  ]
22};

In the example above, Browsersync will wrap your vhost with a proxy URL to view your site.

NOTE: For reusabilty, a nodemon.json configuration file is recommended rather than embedding Nodemon options in the plugin. Checkout the sample nodemon.json for further details.

Contributing

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

License

MIT