title: browser-sync-webpack-plugin not working
body: <p>I have configured it as instructed at: <a href="https://www.npmjs.com/package/browser-sync-webpack-plugin" rel="nofollow noreferrer">https://www.npmjs.com/package/browser-sync-webpack-plugin</a></p>
  
  <p>This is my webpack.config.js file</p>
  
  <pre><code>const path = require('path');
  const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
  
  const config = {
    mode: 'production',
    entry: './src/app.js',
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'bundle.js',
    },
    watch: true,
    plugins: [
      new BrowserSyncPlugin({
        host: 'localhost',
        port: 3000,
        server: {
          baseDir: ['dist']
        }
      })
    ]
  }
  
  module.exports = config;
  </code></pre>
  
  <p>package.json</p>
  
  <pre><code>{
    "name": "real-estate-2",
    "private": true,
    "version": "1.0.0",
    "description": "",
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",
      "start": "webpack --config webpack.config.js"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "devDependencies": {
      "browser-sync-webpack-plugin": "^2.2.2",
      "webpack": "^4.8.3",
      "webpack-cli": "^2.1.3"
    },
    "dependencies": {
      "lodash": "^4.17.10",
      "react": "^16.3.2",
      "react-dom": "^16.3.2"
    }
  }
  </code></pre>
  
  <p>But when I run the webpack I got this error on terminal:
  Error: Cannot find module 'browser-sync-webpack-plugin'</p>
  
  <p>I have installed the browser-sync-webpack-plugin as instructed: npm install --save-dev browser-sync-webpack-plugin</p>