webpack - 自定义 webpack DevServer 消息

Question

目前，当我启动 Webpack DevServer 时，它会输出以下消息:
i ｢wds｣: Project is running at http://localhost:8080/
是否可以以某种方式将消息中的 url 自定义为我当前的项目路径，在我的情况下:http://localhost:8080/myProject .这背后的动机是，现在我需要添加 myProject项目启动时到浏览器网址栏。

Answer 1

好吧，正如评论中所述，没有选项可以仅自定义消息，当然您可以使用 open 属性。虽然你总是可以覆盖Webpack DevServer的内部日志功能使用。

devServer: {
  before: function(app, server) {
    let _info = server.log.info;
    server.log.info = (...args) => {
      return _info(...(args.map(s => typeof s === 'string' ?
        s.replace(/(http:\/\/localhost:8080\/)/, '$1myProject') :
        s
      )));
    }
  }
}

这样每条消息都会首先从这个“代理”函数传递，如果 http://localhost:8080被发现作为消息的一部分，它将被替换为 http://localhost:8080/myProject .当然，它可以进一步定制以处理不同的端口和主机名，但我认为足以解决这个视觉问题!