webpack-dev-server 3.5.1 → 3.7.2

package/client/overlay.js

@@ -3,9 +3,10 @@
 
 var ansiHTML = require('ansi-html');
 
-var Entities = require('html-entities').AllHtmlEntities;
+var _require = require('html-entities'),
+    AllHtmlEntities = _require.AllHtmlEntities;
 
-var entities = new Entities();
+var entities = new AllHtmlEntities();
 var colors = {
   reset: ['transparent', 'transparent'],
   black: '181818',
@@ -18,6 +19,9 @@ var colors = {
   lightgrey: 'EBE7E3',
   darkgrey: '6D7891'
 };
+var overlayIframe = null;
+var overlayDiv = null;
+var lastOnOverlayDivReady = null;
 ansiHTML.setColors(colors);
 
 function createOverlayIframe(onIframeLoad) {
@@ -60,10 +64,6 @@ function addOverlayDivTo(iframe) {
   return div;
 }
 
-var overlayIframe = null;
-var overlayDiv = null;
-var lastOnOverlayDivReady = null;
-
 function ensureOverlayDivExists(onOverlayDivReady) {
   if (overlayDiv) {
     // Everything is ready, call the callback right away.
@@ -76,7 +76,7 @@ function ensureOverlayDivExists(onOverlayDivReady) {
   lastOnOverlayDivReady = onOverlayDivReady;
 
   if (overlayIframe) {
-    // We're already creating it.
+    // We've already created it.
     return;
   } // Create iframe and, when it is ready, a div inside it.
 
@@ -90,16 +90,10 @@ function ensureOverlayDivExists(onOverlayDivReady) {
   // We delay adding it so `overlayIframe` is set when `onIframeLoad` fires.
 
   document.body.appendChild(overlayIframe);
-}
+} // Successful compilation.
 
-function showMessageOverlay(message) {
-  ensureOverlayDivExists(function (div) {
-    // Make it look similar to our terminal.
-    div.innerHTML = "<span style=\"color: #".concat(colors.red, "\">Failed to compile.</span><br><br>").concat(ansiHTML(entities.encode(message)));
-  });
-}
 
-function destroyErrorOverlay() {
+function clear() {
   if (!overlayDiv) {
     // It is not there in the first place.
     return;
@@ -110,14 +104,17 @@ function destroyErrorOverlay() {
   overlayDiv = null;
   overlayIframe = null;
   lastOnOverlayDivReady = null;
-} // Successful compilation.
-
+} // Compilation with errors (e.g. syntax error or missing modules).
 
-exports.clear = function handleSuccess() {
-  destroyErrorOverlay();
-}; // Compilation with errors (e.g. syntax error or missing modules).
 
+function showMessage(messages) {
+  ensureOverlayDivExists(function (div) {
+    // Make it look similar to our terminal.
+    div.innerHTML = "<span style=\"color: #".concat(colors.red, "\">Failed to compile.</span><br><br>").concat(ansiHTML(entities.encode(messages[0])));
+  });
+}
 
-exports.showMessage = function handleMessage(messages) {
-  showMessageOverlay(messages[0]);
+module.exports = {
+  clear: clear,
+  showMessage: showMessage
 };

package/client/socket.js

@@ -1,24 +1,33 @@
 'use strict';
-
-var SockJS = require('sockjs-client/dist/sockjs');
-
+/* global __webpack_dev_server_client__ */
+
+/* eslint-disable
+  camelcase
+*/
+// this SockJSClient is here as a default fallback, in case inline mode
+// is off or the client is not injected. This will be switched to
+// WebsocketClient when it becomes the default
+// important: the path to SockJSClient here is made to work in the 'client'
+// directory, but is updated via the webpack compilation when compiled from
+// the 'client-src' directory
+
+var Client = typeof __webpack_dev_server_client__ !== 'undefined' ? __webpack_dev_server_client__ : // eslint-disable-next-line import/no-unresolved
+require('./clients/SockJSClient');
 var retries = 0;
-var sock = null;
+var client = null;
 
 var socket = function initSocket(url, handlers) {
-  sock = new SockJS(url);
-
-  sock.onopen = function onopen() {
+  client = new Client(url);
+  client.onOpen(function () {
     retries = 0;
-  };
-
-  sock.onclose = function onclose() {
+  });
+  client.onClose(function () {
     if (retries === 0) {
       handlers.close();
     } // Try to reconnect.
 
 
-    sock = null; // After 10 retries stop trying, to prevent logspam.
+    client = null; // After 10 retries stop trying, to prevent logspam.
 
     if (retries <= 10) {
       // Exponentially increase timeout to reconnect.
@@ -30,16 +39,14 @@ var socket = function initSocket(url, handlers) {
         socket(url, handlers);
       }, retryInMs);
     }
-  };
-
-  sock.onmessage = function onmessage(e) {
-    // This assumes that all data sent via the websocket is JSON.
-    var msg = JSON.parse(e.data);
+  });
+  client.onMessage(function (data) {
+    var msg = JSON.parse(data);
 
     if (handlers[msg.type]) {
       handlers[msg.type](msg.data);
     }
-  };
+  });
 };
 
 module.exports = socket;

package/client/utils/createSocketUrl.js

@@ -0,0 +1,78 @@
+'use strict';
+/* global self */
+
+var url = require('url');
+
+var querystring = require('querystring');
+
+var getCurrentScriptSource = require('./getCurrentScriptSource');
+
+function createSocketUrl(resourceQuery) {
+  var urlParts;
+
+  if (typeof resourceQuery === 'string' && resourceQuery !== '') {
+    // If this bundle is inlined, use the resource query to get the correct url.
+    urlParts = url.parse(resourceQuery.substr(1));
+  } else {
+    // Else, get the url from the <script> this file was called with.
+    var scriptHost = getCurrentScriptSource(); // eslint-disable-next-line no-useless-escape
+
+    scriptHost = scriptHost.replace(/\/[^\/]+$/, '');
+    urlParts = url.parse(scriptHost || '/', false, true);
+  }
+
+  if (!urlParts.port || urlParts.port === '0') {
+    urlParts.port = self.location.port;
+  }
+
+  var _urlParts = urlParts,
+      auth = _urlParts.auth,
+      path = _urlParts.path;
+  var _urlParts2 = urlParts,
+      hostname = _urlParts2.hostname,
+      protocol = _urlParts2.protocol; // check ipv4 and ipv6 `all hostname`
+  // why do we need this check?
+  // hostname n/a for file protocol (example, when using electron, ionic)
+  // see: https://github.com/webpack/webpack-dev-server/pull/384
+
+  if ((hostname === '0.0.0.0' || hostname === '::') && self.location.hostname && // eslint-disable-next-line no-bitwise
+  !!~self.location.protocol.indexOf('http')) {
+    hostname = self.location.hostname;
+  } // `hostname` can be empty when the script path is relative. In that case, specifying
+  // a protocol would result in an invalid URL.
+  // When https is used in the app, secure websockets are always necessary
+  // because the browser doesn't accept non-secure websockets.
+
+
+  if (hostname && (self.location.protocol === 'https:' || urlParts.hostname === '0.0.0.0')) {
+    protocol = self.location.protocol;
+  } // default values of the sock url if they are not provided
+
+
+  var sockHost = hostname;
+  var sockPath = '/sockjs-node';
+  var sockPort = urlParts.port; // eslint-disable-next-line no-undefined
+
+  if (path !== null && path !== undefined && path !== '/') {
+    var parsedQuery = querystring.parse(path); // all of these sock url params are optionally passed in through
+    // resourceQuery, so we need to fall back to the default if
+    // they are not provided
+
+    sockHost = parsedQuery.sockHost || sockHost;
+    sockPath = parsedQuery.sockPath || sockPath;
+    sockPort = parsedQuery.sockPort || sockPort;
+  }
+
+  return url.format({
+    protocol: protocol,
+    auth: auth,
+    hostname: sockHost,
+    port: sockPort,
+    // If sockPath is provided it'll be passed in via the resourceQuery as a
+    // query param so it has to be parsed out of the querystring in order for the
+    // client to open the socket to the correct location.
+    pathname: sockPath
+  });
+}
+
+module.exports = createSocketUrl;

package/client/utils/log.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var log = require('loglevel').getLogger('webpack-dev-server');
+
+var INFO = 'info';
+var WARN = 'warn';
+var ERROR = 'error';
+var DEBUG = 'debug';
+var TRACE = 'trace';
+var SILENT = 'silent'; // deprecated
+// TODO: remove these at major released
+// https://github.com/webpack/webpack-dev-server/pull/1825
+
+var WARNING = 'warning';
+var NONE = 'none'; // Set the default log level
+
+log.setDefaultLevel(INFO);
+
+function setLogLevel(level) {
+  switch (level) {
+    case INFO:
+    case WARN:
+    case ERROR:
+    case DEBUG:
+    case TRACE:
+      log.setLevel(level);
+      break;
+    // deprecated
+
+    case WARNING:
+      // loglevel's warning name is different from webpack's
+      log.setLevel('warn');
+      break;
+    // deprecated
+
+    case NONE:
+    case SILENT:
+      log.disableAll();
+      break;
+
+    default:
+      log.error("[WDS] Unknown clientLogLevel '".concat(level, "'"));
+  }
+}
+
+module.exports = {
+  log: log,
+  setLogLevel: setLogLevel
+};

package/client/utils/reloadApp.js

@@ -1,7 +1,8 @@
 'use strict';
 /* global WorkerGlobalScope self */
 
-var log = require('loglevel').getLogger('webpack-dev-server');
+var _require = require('./log'),
+    log = _require.log;
 
 function reloadApp(_ref, _ref2) {
   var hotReload = _ref.hotReload,

package/lib/Server.js

@@ -30,8 +30,8 @@ const status = require('./utils/status');
 const createDomain = require('./utils/createDomain');
 const runBonjour = require('./utils/runBonjour');
 const routes = require('./utils/routes');
+const getSocketServerImplementation = require('./utils/getSocketServerImplementation');
 const schema = require('./options.json');
-const SockJSServer = require('./servers/SockJSServer');
 
 // Workaround for node ^8.6.0, ^9.0.0
 // DEFAULT_ECDH_CURVE is default to prime256v1 in these version
@@ -67,6 +67,19 @@ class Server {
 
     this.log = _log || createLogger(options);
 
+    if (this.options.serverMode === undefined) {
+      this.options.serverMode = 'sockjs';
+    } else {
+      this.log.warn(
+        'serverMode is an experimental option, meaning its usage could potentially change without warning'
+      );
+    }
+
+    // this.SocketServerImplementation is a class, so it must be instantiated before use
+    this.socketServerImplementation = getSocketServerImplementation(
+      this.options
+    );
+
     this.originalStats =
       this.options.stats && Object.keys(this.options.stats).length
         ? this.options.stats
@@ -92,11 +105,8 @@ class Server {
     if (!this.options.watchOptions) {
       this.options.watchOptions = {};
     }
-    // Ignoring node_modules folder by default
-    this.options.watchOptions.ignored = this.options.watchOptions.ignored || [
-      /node_modules/,
-    ];
-    this.watchOptions = this.options.watchOptions;
+
+    this.watchOptions = options.watchOptions || {};
 
     // Replace leading and trailing slashes to normalize path
     this.sockPath = `/${
@@ -655,7 +665,8 @@ class Server {
   }
 
   createSocketServer() {
-    this.socketServer = new SockJSServer(this);
+    const SocketServerImplementation = this.socketServerImplementation;
+    this.socketServer = new SocketServerImplementation(this);
 
     this.socketServer.onConnection((connection) => {
       if (!connection) {
@@ -683,10 +694,15 @@ class Server {
         }
       });
 
+      if (this.clientLogLevel) {
+        this.sockWrite([connection], 'log-level', this.clientLogLevel);
+      }
+
       if (this.hot) {
         this.sockWrite([connection], 'hot');
       }
 
+      // TODO: change condition at major version
       if (this.options.liveReload !== false) {
         this.sockWrite([connection], 'liveReload', this.options.liveReload);
       }
@@ -699,10 +715,6 @@ class Server {
         this.sockWrite([connection], 'overlay', this.clientOverlay);
       }
 
-      if (this.clientLogLevel) {
-        this.sockWrite([connection], 'log-level', this.clientLogLevel);
-      }
-
       if (!this._stats) {
         return;
       }

package/lib/options.json

@@ -297,6 +297,16 @@
     "serveIndex": {
       "type": "boolean"
     },
+    "serverMode": {
+      "anyOf": [
+        {
+          "type": "string"
+        },
+        {
+          "instanceof": "Function"
+        }
+      ]
+    },
     "serverSideRender": {
       "type": "boolean"
     },
@@ -379,7 +389,7 @@
       "bonjour": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverbonjour)",
       "ca": "should be {String|Buffer}",
       "cert": "should be {String|Buffer}",
-      "clientLogLevel": "should be {String} and equal to one of the allowed values\n\n [ 'info', 'warn', 'error', 'debug', 'trace', 'silent' ]\n\n (https://webpack.js.org/configuration/dev-server/#devserverclientloglevel)",
+      "clientLogLevel": "should be {String} and equal to one of the allowed values\n\n [ 'none', 'silent', 'info', 'debug', 'trace', 'error', 'warning', 'warn' ]\n\n (https://webpack.js.org/configuration/dev-server/#devserverclientloglevel)",
       "compress": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devservercompress)",
       "contentBase": "should be {Number|String|Array} (https://webpack.js.org/configuration/dev-server/#devservercontentbase)",
       "disableHostCheck": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverdisablehostcheck)",
@@ -394,8 +404,8 @@
       "http2": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverhttp2)",
       "https": "should be {Object|Boolean} (https://webpack.js.org/configuration/dev-server/#devserverhttps)",
       "index": "should be {String} (https://webpack.js.org/configuration/dev-server/#devserverindex)",
-      "injectClient": "should be {Boolean|Function}",
-      "injectHot": "should be {Boolean|Function}",
+      "injectClient": "should be {Boolean|Function} (https://webpack.js.org/configuration/dev-server/#devserverinjectclient)",
+      "injectHot": "should be {Boolean|Function} (https://webpack.js.org/configuration/dev-server/#devserverinjecthot)",
       "inline": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverinline)",
       "key": "should be {String|Buffer}",
       "lazy": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverlazy-)",
@@ -420,6 +430,7 @@
       "reporter": "should be {Function} (https://github.com/webpack/webpack-dev-middleware#reporter)",
       "requestCert": "should be {Boolean}",
       "serveIndex": "should be {Boolean} (https://webpack.js.org/configuration/dev-server/#devserverserveindex)",
+      "serverMode": "should be {String|Function} (https://webpack.js.org/configuration/dev-server/#devserverservermode-)",
       "serverSideRender": "should be {Boolean} (https://github.com/webpack/webpack-dev-middleware#serversiderender)",
       "setup": "should be {Function} (https://webpack.js.org/configuration/dev-server/#devserversetup)",
       "sockHost": "should be {String|Null} (https://webpack.js.org/configuration/dev-server/#devserversockhost)",

package/lib/utils/createConfig.js

@@ -50,6 +50,10 @@ function createConfig(config, argv, { port }) {
     options.progress = argv.progress;
   }
 
+  if (argv.overlay) {
+    options.overlay = argv.overlay;
+  }
+
   if (!options.publicPath) {
     // eslint-disable-next-line
     options.publicPath =

package/lib/utils/createLogger.js

@@ -2,7 +2,7 @@
 
 const log = require('webpack-log');
 
-function createLogger(options) {
+function createLogger(options = {}) {
   let level = options.logLevel || 'info';
 
   if (options.noInfo === true) {

package/lib/utils/findPort.js

@@ -1,12 +1,26 @@
 'use strict';
 
-const { getPortPromise } = require('portfinder');
+const pRetry = require('p-retry');
+const portfinder = require('portfinder');
 const defaultPort = require('./defaultPort');
 const defaultTo = require('./defaultTo');
 const tryParseInt = require('./tryParseInt');
 
+function runPortFinder() {
+  return new Promise((resolve, reject) => {
+    portfinder.basePort = defaultPort;
+    portfinder.getPort((error, port) => {
+      if (error) {
+        return reject(error);
+      }
+
+      return resolve(port);
+    });
+  });
+}
+
 function findPort(port) {
-  if (typeof port !== 'undefined') {
+  if (port) {
     return Promise.resolve(port);
   }
 
@@ -19,10 +33,7 @@ function findPort(port) {
     3
   );
 
-  return getPortPromise({
-    port: defaultPort,
-    stopPort: defaultPort + defaultPortRetry,
-  });
+  return pRetry(runPortFinder, { retries: defaultPortRetry });
 }
 
 module.exports = findPort;

package/lib/utils/getSocketServerImplementation.js

@@ -0,0 +1,41 @@
+'use strict';
+
+function getSocketServerImplementation(options) {
+  let ServerImplementation;
+  let serverImplFound = true;
+  switch (typeof options.serverMode) {
+    case 'string':
+      // could be 'sockjs', in the future 'ws', or a path that should be required
+      if (options.serverMode === 'sockjs') {
+        // eslint-disable-next-line global-require
+        ServerImplementation = require('../servers/SockJSServer');
+      } else {
+        try {
+          // eslint-disable-next-line global-require, import/no-dynamic-require
+          ServerImplementation = require(options.serverMode);
+        } catch (e) {
+          serverImplFound = false;
+        }
+      }
+      break;
+    case 'function':
+      // potentially do more checks here to confirm that the user implemented this properlly
+      // since errors could be difficult to understand
+      ServerImplementation = options.serverMode;
+      break;
+    default:
+      serverImplFound = false;
+  }
+
+  if (!serverImplFound) {
+    throw new Error(
+      "serverMode must be a string denoting a default implementation (e.g. 'sockjs'), a full path to " +
+        'a JS file which exports a class extending BaseServer (webpack-dev-server/lib/servers/BaseServer) ' +
+        'via require.resolve(...), or the class itself which extends BaseServer'
+    );
+  }
+
+  return ServerImplementation;
+}
+
+module.exports = getSocketServerImplementation;

package/lib/utils/runOpen.js

@@ -3,15 +3,16 @@
 const open = require('opn');
 
 function runOpen(uri, options, log) {
-  let openOptions = {};
+  // https://github.com/webpack/webpack-dev-server/issues/1990
+  let openOptions = { wait: false };
   let openMessage = 'Unable to open browser';
 
   if (typeof options.open === 'string') {
-    openOptions = { app: options.open };
+    openOptions = Object.assign({}, openOptions, { app: options.open });
     openMessage += `: ${options.open}`;
   }
 
-  open(`${uri}${options.openPage || ''}`, openOptions).catch(() => {
+  return open(`${uri}${options.openPage || ''}`, openOptions).catch(() => {
     log.warn(
       `${openMessage}. If you are running in a headless environment, please do not use the --open flag`
     );

package/lib/utils/tryParseInt.js

@@ -2,9 +2,11 @@
 
 function tryParseInt(input) {
   const output = parseInt(input, 10);
+
   if (Number.isNaN(output)) {
     return null;
   }
+
   return output;
 }
 

package/lib/utils/updateCompiler.js

@@ -48,6 +48,14 @@ function updateCompiler(compiler, options) {
     compilers.forEach((compiler) => {
       const config = compiler.options;
       compiler.hooks.entryOption.call(config.context, config.entry);
+
+      const providePlugin = new webpack.ProvidePlugin({
+        // SockJSClient.getClientPath(options)
+        __webpack_dev_server_client__: require.resolve(
+          '../../client/clients/SockJSClient.js'
+        ),
+      });
+      providePlugin.apply(compiler);
     });
 
     // do not apply the plugin unless it didn't exist before.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-dev-server",
-  "version": "3.5.1",
+  "version": "3.7.2",
   "description": "Serves a webpack app. Updates the browser on changes.",
   "bin": "bin/webpack-dev-server.js",
   "main": "lib/Server.js",
@@ -19,16 +19,18 @@
     "lint": "npm-run-all -l -p \"lint:**\"",
     "commitlint": "commitlint --from=master",
     "security": "npm audit",
-    "test:only": "jest --runInBand",
+    "test:only": "jest",
     "test:coverage": "npm run test:only -- --coverage",
     "test:watch": "npm run test:coverage --watch",
     "test": "npm run test:coverage",
     "pretest": "npm run lint",
-    "prepare": "rimraf ./ssl/*.pem && npm run -s transpile:index && npm run -s build:live && npm run -s build:index && npm run -s build:sockjs",
-    "transpile:index": "babel client-src/default --out-dir client --ignore \"./client-src/default/*.config.js\"",
-    "build:index": "webpack ./client-src/default/index.js -o client/index.bundle.js --color --config client-src/default/webpack.config.js",
-    "build:live": "webpack ./client-src/live/index.js -o client/live.bundle.js --color --config client-src/live/webpack.config.js",
-    "build:sockjs": "webpack ./client-src/sockjs/index.js -o client/sockjs.bundle.js --color --config client-src/sockjs/webpack.config.js",
+    "prepare": "rimraf ./ssl/*.pem && npm run build:client",
+    "build:client:default": "babel client-src/default --out-dir client --ignore \"./client-src/default/*.config.js\"",
+    "build:client:clients": "babel client-src/clients --out-dir client/clients",
+    "build:client:index": "webpack ./client-src/default/index.js -o client/index.bundle.js --color --config client-src/default/webpack.config.js",
+    "build:client:live": "webpack ./client-src/live/index.js -o client/live.bundle.js --color --config client-src/live/webpack.config.js",
+    "build:client:sockjs": "webpack ./client-src/sockjs/index.js -o client/sockjs.bundle.js --color --config client-src/sockjs/webpack.config.js",
+    "build:client": "rimraf ./client/* && npm-run-all -s -l -p \"build:client:**\"",
     "webpack-dev-server": "cd $INIT_CWD && node ../../../bin/webpack-dev-server.js",
     "release": "standard-version"
   },
@@ -47,8 +49,9 @@
     "internal-ip": "^4.3.0",
     "ip": "^1.1.5",
     "killable": "^1.0.1",
-    "loglevel": "^1.6.2",
+    "loglevel": "^1.6.3",
     "opn": "^5.5.0",
+    "p-retry": "^3.0.1",
     "portfinder": "^1.0.20",
     "schema-utils": "^1.0.0",
     "selfsigned": "^1.10.4",
@@ -67,42 +70,43 @@
   "devDependencies": {
     "@babel/cli": "^7.4.4",
     "@babel/core": "^7.4.5",
+    "@babel/plugin-transform-runtime": "^7.4.4",
     "@babel/preset-env": "^7.4.5",
-    "@commitlint/cli": "^7.6.1",
-    "@commitlint/config-conventional": "^7.6.0",
+    "@commitlint/cli": "^8.0.0",
+    "@commitlint/config-conventional": "^8.0.0",
     "babel-loader": "^8.0.6",
     "body-parser": "^1.19.0",
-    "commitlint-azure-pipelines-cli": "^1.0.1",
+    "commitlint-azure-pipelines-cli": "^1.0.2",
     "copy-webpack-plugin": "^5.0.3",
     "css-loader": "^2.1.1",
     "eslint": "^5.16.0",
-    "eslint-config-prettier": "^4.3.0",
+    "eslint-config-prettier": "^5.0.0",
     "eslint-config-webpack": "^1.2.5",
     "eslint-plugin-import": "^2.17.3",
     "execa": "^1.0.0",
     "file-loader": "^3.0.1",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
-    "husky": "^2.3.0",
+    "husky": "^2.4.1",
     "jest": "^24.8.0",
     "jest-junit": "^6.4.0",
     "jquery": "^3.4.1",
     "less": "^3.9.0",
     "less-loader": "^5.0.0",
-    "lint-staged": "^8.1.7",
+    "lint-staged": "^8.2.1",
     "marked": "^0.6.2",
     "memfs": "^2.15.4",
     "npm-run-all": "^4.1.5",
-    "nyc": "^14.1.1",
-    "prettier": "^1.17.1",
+    "prettier": "^1.18.2",
     "puppeteer": "^1.17.0",
     "rimraf": "^2.6.3",
     "standard-version": "^6.0.1",
     "style-loader": "^0.23.1",
     "supertest": "^4.0.2",
+    "tcp-port-used": "^1.0.1",
     "url-loader": "^1.1.2",
-    "webpack": "^4.32.2",
-    "webpack-cli": "^3.3.2",
+    "webpack": "^4.34.0",
+    "webpack-cli": "^3.3.4",
     "ws": "^6.2.1"
   },
   "peerDependencies": {