feat: add info message when public path equals 'auto' or function

Author: adubrouski

lib/Server.js

@@ -3045,6 +3045,17 @@ class Server {
         `Broadcasting "${bonjourProtocol}" with subtype of "webpack" via ZeroConf DNS (Bonjour)`,
       );
     }
+
+    const publicPath = compilerOptions.output.publicPath;
+
+    const isOnTheFlyDefinedPublicPath =
+      typeof publicPath === "function" || publicPath === "auto";
+
+    if (isOnTheFlyDefinedPublicPath) {
+      this.logger.info(
+        `You probably have a custom public path, please navigate in your browser to the point that you required`,
+      );
+    }
   }
 
   /**

test/cli/__snapshots__/basic.test.js.snap.webpack5

@@ -5,7 +5,8 @@ exports[`basic basic should accept the promise function of webpack.config.js: st
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`basic basic should respect output.publicPath config option in URL's output: stderr 1`] = `
@@ -15,26 +16,45 @@ exports[`basic basic should respect output.publicPath config option in URL's out
 <i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
 `;
 
+exports[`basic basic should show info message when output.publicPath equals 'auto': stderr 1`] = `
+"<i> [webpack-dev-server] Project is running at:
+<i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
+<i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
+`;
+
+exports[`basic basic should show info message when output.publicPath is function: stderr 1`] = `
+"<i> [webpack-dev-server] Project is running at:
+<i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
+<i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
+`;
+
 exports[`basic basic should work using "--host localhost --port <port>": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`basic basic should work using multi compiler mode: stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`basic basic should work: stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`basic should output help should generate correct cli flags 1`] = `

test/cli/__snapshots__/bonjour-option.test.js.snap.webpack5

@@ -8,7 +8,8 @@ exports[`"bonjour" CLI option should work using "--bonjour and --server-type=htt
 <i> [webpack-dev-server] On Your Network (IPv4): https://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): https://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
-<i> [webpack-dev-server] Broadcasting "https" with subtype of "webpack" via ZeroConf DNS (Bonjour)"
+<i> [webpack-dev-server] Broadcasting "https" with subtype of "webpack" via ZeroConf DNS (Bonjour)
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"bonjour" CLI option should work using "--bonjour" 1`] = `
@@ -17,13 +18,15 @@ exports[`"bonjour" CLI option should work using "--bonjour" 1`] = `
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
-<i> [webpack-dev-server] Broadcasting "http" with subtype of "webpack" via ZeroConf DNS (Bonjour)"
+<i> [webpack-dev-server] Broadcasting "http" with subtype of "webpack" via ZeroConf DNS (Bonjour)
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"bonjour" CLI option should work using "--no-bonjour" 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;

test/cli/__snapshots__/colors.test.js.snap.webpack5

@@ -5,37 +5,42 @@ exports[`colors should work and do not use colors using configuration with disab
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`colors should work do not use colors using "--no-color": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`colors should work use colors by default: stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`colors should work use colors using "--color": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`colors should work use colors using configuration with enabled colors: stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;

test/cli/__snapshots__/historyApiFallback-option.test.js.snap.webpack5

@@ -6,7 +6,8 @@ exports[`"historyApiFallback" CLI option should work using "--history-api-fallba
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
-<i> [webpack-dev-server] 404s will fallback to '/index.html'"
+<i> [webpack-dev-server] 404s will fallback to '/index.html'
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"historyApiFallback" CLI option should work using "--no-history-api-fallback" 1`] = `

test/cli/__snapshots__/host-option.test.js.snap.webpack5

@@ -5,55 +5,64 @@ exports[`"host" CLI option should work using "--host ::" (IPv6): stderr 1`] = `
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host ::1" (IPv6): stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host ::1" (IPv6): stderr 2`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host <IPv4>": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host 0.0.0.0" (IPv4): stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host 127.0.0.1" (IPv4): stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host local-ip": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host local-ipv4": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"host" CLI option should work using "--host localhost": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;

test/cli/__snapshots__/ipc-option.test.js.snap.webpack5

@@ -2,10 +2,12 @@
 
 exports[`"ipc" CLI option should work using "--ipc": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at: "<tmp>/webpack-dev-server.sock"
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"ipc" CLI option should work using "--ipc=<string>": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at: "<tmp>/webpack-dev-server.cli.sock"
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;

test/cli/__snapshots__/port-option.test.js.snap.webpack5

@@ -5,13 +5,15 @@ exports[`"port" CLI option should work using "--port <string>": stderr 1`] = `
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;
 
 exports[`"port" CLI option should work using "--port auto": stderr 1`] = `
 "<i> [webpack-dev-server] Project is running at:
 <i> Loopback: http://localhost:<port>/, http://<ip-v4>:<port>/, http://[<ip-v6>]:<port>/
 <i> [webpack-dev-server] On Your Network (IPv4): http://<ip-v4>:<port>/
 <i> [webpack-dev-server] On Your Network (IPv6): http://[<ip-v6>]:<port>/
-<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory"
+<i> [webpack-dev-server] Content not from webpack is served from '<cwd>/public' directory
+<i> [webpack-dev-server] You probably have a custom public path, please navigate in your browser to the point that you required"
 `;