Webpack编译报20条空警告，疑为UglifyJS插件导致求助

问题分析 #

从你的描述和配置来看，大量无具体内容的警告确实是由UglifyJsPlugin的uglifyOptions.warnings: true设置导致的。当开启这个选项时，UglifyJS在压缩过程中生成了一批没有携带具体描述信息的警告，这些警告在Webpack的输出里就表现为重复出现的空"warning"字样。

解决方案 #

这里提供几种可行的处理方式：

• 直接关闭Uglify的警告输出
  这是最直接的解决办法，把uglifyOptions里的warnings设为false，就能消除那些无内容的警告，剩下的2条警告可以单独排查（大概率来自ImageminPlugin的优化过程）。修改后的配置片段如下：

  new UglifyJsPlugin( {
   uglifyOptions : {
    ecma : 5,
    compress : { drop_console : true },
    warnings : false, // 关闭空警告输出
   },
  } )
  

• 针对性调整Uglify的警告配置
  如果你确实需要查看Uglify的压缩警告，可以尝试区分压缩阶段和顶层的警告设置，只开启压缩过程的具体警告输出，避免空警告出现：

  new UglifyJsPlugin( {
   uglifyOptions : {
    ecma : 5,
    compress : { 
      drop_console : true,
      warnings: true // 仅开启压缩阶段的具体警告
    },
    warnings : false, // 关闭顶层的空警告输出
   },
  } )
  

• 排查剩余的2条警告
  关闭Uglify的警告后，剩下的2条警告可以通过Webpack的详细日志模式（比如添加--display-warnings参数运行编译）查看具体内容，确认是否来自ImageminPlugin的配置兼容性问题，比如图片优化参数的设置是否适配当前环境。

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