如何自定义 Webpack 错误覆盖输出消息？

Question

我想自定义错误叠加输出消息，以便它不会显示任何加载程序的路径，如图所示：

那么我怎样才能从叠加输出中去掉类似于上面的行呢？

Answer 1

所以我做了一些逆向工程工作，发现它是webpack-dev-server 本身正在显示它，它不能被任何设置/选项编辑。所以我不得不做一些肮脏的黑客攻击，它只是扩展了覆盖的showMessage() 方法并删除了前两行（其中包含加载程序的路径）。我的肮脏解决方法如下所示：

const overlay = require('webpack-dev-server/client/overlay');
const show = overlay.showMessage;
overlay.showMessage = function (messages) {

  const newMessages = messages.map(
    msg => msg
      .split('\n')
      .slice(2)
      .join('\n')
  );

  show(newMessages);
};