webpack-dev-server v4迁移后缺失编译日志，如何恢复默认输出？

在webpack-dev-server v4中，热更新的编译状态日志（如[wds]: Compiling...、[wds]: Compiled successfully）输出逻辑发生了拆分，需要同时配置devMiddleware和client两个模块的参数才能恢复：

devServer: {
  hot: true,
  devMiddleware: {
    stats: {
      preset: 'minimal',
      builtAt: true, // 显示编译完成时间，配合minimal预设保留关键编译信息
    },
  },
  client: {
    logging: 'info', // 开启info级别日志，恢复编译开始/成功的状态提示
    // 可选：控制浏览器端是否显示错误/警告浮层，按需调整
    overlay: {
      errors: true,
      warnings: false,
    },
  },
}

关键配置说明 #

• client.logging: 'info'：这是恢复热更新状态日志的核心，webpack-dev-server v4将编译启动、完成这类通知归为client模块的info级日志，设置后就能在终端看到对应的状态输出。
• devMiddleware.stats.builtAt: true：在minimal预设基础上，保留编译完成的时间戳，让日志信息更完整。

如果需要更详细的编译细节，可以将stats.preset改为'normal'，但minimal已经足够满足日常热更新的状态追踪需求。

内容的提问来源于stack exchange，提问作者Psibean