Настроить веб-пакет 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. Конечно, он может быть дополнительно настроен для обработки разных портов и имен хостов, но я думаю, что это достаточно хорошо для решения этой визуальной проблемы!