webpack: cannot mute webpack/hot/dev-server console.logs

Would love this to get fixed. +1

It looks like you just deleted our lovely crafted issue template. It was there for good reasons. Please help us solving your issue by answering the questions asked in this template. I’m closing this. Please either update the issue with the template and reopen, or open a new issue.

devServer: {
        clientLogLevel: "silent",

Hey guys, is this ‘issue’ already resolved or is there already a way to allow certain log messages (like “updated modules”) but disable the “Checking for updates on the server” message?

My console is flooding with [HMR] logs 😥 (see attached image).

@sokra boo, im afraid i dont have th power to reopen the issue

updated the issue based on the template

for ppl who dont wanna wait just copy those 2 files, comment out the relevant console.logs and reference ur own dev-server.js, thats it

Maybe better fix this problem in webpack-dev-server/webpack-dev-middleware

@esbenp fixed for some messages. Still getting [HMR] Waiting for update signal from WDS...

If you’re using webpack-hot-middleware, you can configure it like this: webpack-hot-middleware/client?reload=true&noInfo=true

Another hacky temp solution for now in case you do not want to copy the needed files and reference them instead of webpack’s files (so you’ll still get updates in case they’ll come in future versions):

////////// Temp solution ///////////

// TODO - Disable all info / logs for HMR until the log level issue will be fixed - https://github.com/webpack/webpack/issues/4115
const replaceInFile = (filePath, searchRegex, replaceString) => {
  const fs = require('fs');
  filePath = path.resolve(filePath);

  fs.readFile(filePath, 'utf8', function (err,data) {
    if (err) {
      return console.log(err);
    }

    const result = data.replace(searchRegex, replaceString);

    fs.writeFile(filePath, result, 'utf8', function (err) {
      if (err) {
        return console.log(err);
      }
    });
  });
};

// Why do we add `;\n{}`? Some part of the code has if conditions without {} around their content.
// So we'll just comment out the console.log line we'll get an error. This way we're adding a line that doesn't do anything.
const emptyStatement = '//$1;\n{}';
const consoleRegex = /(console\.(info|log).+\);)/g;
replaceInFile("node_modules/webpack/hot/dev-server.js", consoleRegex, emptyStatement);
replaceInFile("node_modules/webpack/hot/log-apply-result.js", consoleRegex, emptyStatement);

////////// End of temp solution ///////////

The above comments out all the console.log / console.info (just change the regex as you wish) in the original webpack’s HMR files.