feat($webpack): display host url at dev HMR log

Author: ulivz

lib/webpack/DevLogPlugin.js

@@ -13,11 +13,20 @@ module.exports = class DevLogPlugin {
 
       const { displayHost, port, publicPath } = this.options
       const time = new Date().toTimeString().match(/^[\d:]+/)[0]
+      const displayUrl = `http://${displayHost}:${port}${publicPath}`
 
-      logger.success(`\n${chalk.gray(`[${time}]`)} Build ${chalk.italic(stats.hash.slice(0, 6))} finished in ${stats.endTime - stats.startTime} ms!`)
+      logger.success(
+        `\n${chalk.gray(`[${time}]`)} Build ${chalk.italic(stats.hash.slice(0, 6))} ` +
+        `finished in ${stats.endTime - stats.startTime} ms! ` +
+        (
+          isFirst
+            ? ''
+            : `${chalk.gray(`(${displayUrl})`)}`
+        )
+      )
       if (isFirst) {
         isFirst = false
-        console.log(`\n${chalk.gray('>')} VuePress dev server listening at ${chalk.cyan(`http://${displayHost}:${port}${publicPath}`)}`)
+        console.log(`\n${chalk.gray('>')} VuePress dev server listening at ${chalk.cyan(displayUrl)}`)
       }
     })
     compiler.hooks.invalid.tap('vuepress-log', clearScreen)