如何在 Webpack 中启用调试模式？答案

【问题标题】：How do I enable debug mode in Webpack?如何在 Webpack 中启用调试模式？
【发布时间】：2015-12-07 20:31:42
【问题描述】：

我正在尝试在 image-loader 中使用 bypassOnDebug 选项，这意味着我需要将 webpack 置于“调试模式”（根据 image-loader 文档）。

使用开发服务器时是否自动处于调试模式，还是我需要在 webpack 配置中指定？

如果我需要指定它，您能否提供一个代码示例？

【问题讨论】：

标签： javascript webpack

【解决方案1】：

Webpack 2 和 3

顶级配置中的debug 属性不仅已弃用，而且无效。

相反，您必须在每个加载器级别对其进行配置，正如当您使用现在无效的 debug 顶级属性集运行时显示的这条非常友好的错误消息所述：

The 'debug' property was removed in webpack 2.

Loaders should be updated to allow passing this option 
via loader options in module.rules.

Until loaders are updated one can use the LoaderOptionsPlugin 
to switch loaders into debug mode:

plugins: [
  new webpack.LoaderOptionsPlugin({
    debug: true
  })
]

The docs also have similar information.

注意

我发现将我所有的加载器更新为最新的，然后逐个尝试它们是否接受debug 选项有点重量级，考虑到我只想将它们设置为全部为真或全部为假，具体取决于配置。

如果这是您的情况，我可以确认使用webpack.LoaderOptionsPlugin 是最简单的方法。它适用于所有新旧加载器。

【讨论】：

你确定这在 webpack 3 中有效吗？我已经尝试了您的解决方案，除了最后的文件列表之外，我的 webpack 构建没有任何调试输出。