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

Question

我想在我的程序中找到准确的错误，实时发生错误的位置。我一直面临检测错误的问题，因为它只显示有千号的捆绑文件。线。一次遍历所有代码几乎是不可能的。请提供解决方案如果你有。提前致谢...

Answer 1

请使用webpack的devtool选项

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

我建议像下面这样使用 eval

devtool: debug ? "eval" : null,

它将最小化您的代码并告诉您错误所在 actually.For 更多信息请参考我分享的 link。

Answer 2

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

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

....
}

Answer 3

在你调用 webpack 函数的地方，你可以 console.log 统计数据：

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

也许它能帮到你