javascript - 如何在 Webpack 中启用 Debug模式？

Question

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

使用开发服务器时是自动进入 Debug模式，还是我需要在 webpack 配置中指定？

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

Answer 1

网络包 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 选项有点重量级，考虑到我只想将它们全部设置为 true或全部为 false，具体取决于配置。

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