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替换。当然，可以进一步自定义它以处理不同的端口和主机名，但我认为足以解决此视觉问题！

自定义webpack DevServer消息

1 个答案: