Как убрать лишние логи от Webpack?

Для того чтобы убрать лишние логи от Webpack, можно воспользоваться несколькими подходами.

1. Использование флага --silent при запуске сборки. Этот флаг подавляет вывод всех логов в консоль и оставляет только самые важные сообщения. Например:

webpack --config webpack.config.js --silent

2. Использование флага --hide-modules. Этот флаг скрывает вывод информации о модулях, которые были собраны webpack'ом. Например:

webpack --config webpack.config.js --hide-modules

3. Использование плагина FriendlyErrorsWebpackPlugin. Этот плагин делает вывод сообщений от Webpack более читабельным и информативным, фильтруя лишнюю информацию. Подключить плагин можно следующим образом:

const FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin');

module.exports = {
  // ...
  plugins: [
    new FriendlyErrorsWebpackPlugin(),
  ],
};

4. Настройка логгера stats в конфигурации Webpack. Через эту настройку можно определить, какие сообщения выводить, а какие скрыть. Например, чтобы скрыть информацию о модулях, можно добавить следующий код в конфигурацию:

module.exports = {
  // ...
  stats: {
    modules: false,
  },
};

Убрать лишние логи от Webpack можно с помощью любого из этих подходов, выбор зависит от ваших предпочтений и конкретных требований проекта.