Fixed ipv6 [::] (#676)

* fixed ipv6 parsing and listening [::] with latest
* add example

Author: NewFuture

bin/webpack-dev-server.js

@@ -281,8 +281,15 @@ function processOptions(wpOpt) {
 
 	var protocol = options.https ? "https" : "http";
 
+	// the formated domain (url without path) of the webpack server
+	var domain = url.format({
+		protocol: protocol,
+		hostname: options.host,
+		port: options.socket ? 0 : options.port.toString()
+	});
+
 	if(options.inline !== false) {
-		var devClient = [require.resolve("../client/") + "?" + protocol + "://" + (options.public || (options.host + ":" + options.port))];
+		var devClient = [require.resolve("../client/") + "?" + (options.public ? protocol + "://" + options.public : domain)];
 
 		if(options.hotOnly)
 			devClient.push("webpack/hot/only-dev-server");
@@ -308,12 +315,7 @@ function processOptions(wpOpt) {
 		}));
 	}
 
-	var uri = url.format({
-		protocol: protocol,
-		hostname: options.host,
-		pathname: options.inline !== false ? "/" : "webpack-dev-server/",
-		port: options.socket ? 0 : options.port.toString()
-	});
+	var uri = domain + (options.inline !== false ? "/" : "webpack-dev-server/");
 
 	var server = new Server(compiler, options);
 

client/index.js

@@ -89,7 +89,9 @@ var onSocketMsg = {
 var hostname = urlParts.hostname;
 var protocol = urlParts.protocol;
 
-if(urlParts.hostname === "0.0.0.0") {
+
+//check ipv4 and ipv6 `all hostname`
+if(hostname === "0.0.0.0" || 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

examples/host-port/README.md

@@ -1,13 +1,19 @@
 # host and port
 
+Only For ipv4
 ```shell
 node ../../bin/webpack-dev-server.js --open --port 5000 --host 0.0.0.0
 ```
 
+For ipv6 support. (it also works with ipv4.)
+```shell
+node ../../bin/webpack-dev-server.js --open --port 5000 --host ::
+```
+
 We want to change the port to `5000`, and make the server publicly accessible.
 
 ## What should happen
 
-The script should open `http://0.0.0.0:5000/`. You should see "It's working."
+The script should open `http://0.0.0.0:5000/`(ipv4) or `http://[::]:5000/`(ipv6). You should see "It's working."
 
 Get your local ip (e.g. `192.168.1.40`), and try it from `192.168.1.40:5000`. Make sure your firewall doesn't block this port.