refactor: use public API

Author: snitin315

lib/Server.js

@@ -8,6 +8,7 @@ const internalIp = require('internal-ip');
 const killable = require('killable');
 const express = require('express');
 const { validate } = require('schema-utils');
+const webpackDevMiddleware = require('webpack-dev-middleware');
 const normalizeOptions = require('./utils/normalizeOptions');
 const colors = require('./utils/colors');
 const routes = require('./utils/routes');
@@ -151,8 +152,6 @@ class Server {
   }
 
   setupDevMiddleware() {
-    const webpackDevMiddleware = require('webpack-dev-middleware');
-
     // middleware for serving webpack bundle
     this.middleware = webpackDevMiddleware(
       this.compiler,
@@ -1037,16 +1036,10 @@ class Server {
   }
 
   serveMagicHtml(req, res, next) {
-    const getFilenameFromUrl =
-      require('webpack-dev-middleware/dist/utils/getFilenameFromUrl').default;
-
     const _path = req.path;
 
     try {
-      const filename = getFilenameFromUrl(
-        this.middleware.context,
-        `${_path}.js`
-      );
+      const filename = webpackDevMiddleware.getFilenameFromUrl(`${_path}.js`);
       const isFile = this.middleware.context.outputFileSystem
         .statSync(filename)
         .isFile();

package-lock.json

@@ -58,7 +58,7 @@
     "spdy": "^4.0.2",
     "strip-ansi": "^6.0.0",
     "url": "^0.11.0",
-    "webpack-dev-middleware": "^4.2.0",
+    "webpack-dev-middleware": "^4.3.0",
     "ws": "^7.4.5"
   },
   "devDependencies": {