Как настроить вывод сообщения о наложении ошибки Webpack?

#javascript #vue.js #npm #webpack

#javascript #vue.js #npm #webpack

Вопрос:

Я хочу настроить вывод сообщения о наложении ошибок таким образом, чтобы оно не показывало никаких путей к загрузчикам, как на изображении:

пример вывода оверлея

Итак, как я могу избавиться от строки, подобной приведенной выше, из вывода оверлея?

Ответ №1:

Итак, я проделал некоторую работу по обратному проектированию и обнаружил, что он webpack-dev-server сам отображает его, и его нельзя отредактировать с помощью каких-либо настроек / опций. Итак, мне пришлось выполнить какой-то грязный взлом, который просто расширяет showMessage() метод overlay и удаляет первые две строки (которые содержат пути к загрузчикам). Мой грязный обходной путь выглядит следующим образом:

 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);
};