如何调试webpack包文件错误并在包含千位数的包中找到确切的错误。 reactJs中的行数

Question

我想在我的程序中找到确切的错误，实时错误发生在哪里。我一直面临着检测错误的问题，因为它只显示有千分之一的捆绑文件。的线条。这几乎不可能一次完成所有代码。请提供解决方案如果有。提前谢谢......

Answer 1

在webpack配置文件中，检查debug是否为真：

{
    debug: true,
    devtool: 'source-map',
    entry: ...

....
}

Answer 2

请使用webpack的devtool选项。

看看它 https://webpack.github.io/docs/configuration.html#devtool

我建议使用如下的eval

devtool: debug ? "eval" : null,

它会最小化您的代码并向您显示错误的实际位置。有关更多信息，请参阅我已共享的链接。

Answer 3

在你调用webpack函数的地方，你可以在console.log中使用stats：

webpack(config, function (err, stats) {
  if (err) {
    console.log(err)
  }
  console.log(stats.toString())
})

也许它可以帮到你