webpack-dev-server 4.0.0版本stats选项报错无效,该如何正确配置?
webpack-dev-server v4 stats 配置变更说明
stats选项没有被移除,只是从devServer配置项下调整到了其他位置,原来的配置写法在v4版本中不符合API schema规范,所以会抛出参数校验错误。- 你可以根据自己的使用场景选择以下两种适配方案:
- 全局控制webpack构建统计输出
将原来写在devServer.stats里的配置直接挪到webpack.config.js的顶层配置中即可,示例如下:
// webpack-dev-server v3 写法(v4不生效) module.exports = { devServer: { stats: 'errors-only' } } // webpack-dev-server v4 适配写法 module.exports = { // stats配置移到顶层 stats: 'errors-only', devServer: { // 其余devServer配置保持不变 } }- 仅控制dev-server中间件的统计输出
如果你不需要修改全局webpack构建的统计配置,只想单独控制dev-server的输出内容,可以将stats配置放在devServer.devMiddleware下:
module.exports = { devServer: { devMiddleware: { stats: 'errors-only' } } } - 全局控制webpack构建统计输出
- 如果你需要调整浏览器端控制台的dev-server日志输出等级,可以额外配置
devServer.client.logging字段,可选值为'info' | 'warn' | 'error' | 'none' | 'verbose'。
内容的提问来源于stack exchange,提问作者Antonina K
相关产品推荐
相关产品推荐

