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

Question

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

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

如果我需要指定它，请提供代码示例吗？

Answer 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
  })
]

文档也有类似的信息。

---

注意

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

如果这是你的情况，我可以确认使用webpack.LoaderOptionsPlugin是最简单的方法。 它适用于所有新老装载机。