Chrome 中的源映射和断点不起作用

Question

我试图在具有源映射的转译代码中放置断点，但每次我按下一行以放置断点时，它都会立即取消。

在这里点赞：

是不是webpack配置的问题？我应该post吗？

Answer 1

在 webpack 配置中，我将 devtool: 'eval-source-map', 更改为 devtool: 'source-map',，现在它可以工作了，但是它会为每个转译后的文件生成一个 .map 文件，这在它工作之前不会发生。

编辑：

从配置中删除它也有帮助：

new webpack.optimize.UglifyJsPlugin({
  sourceMap: true,
  compress: false,
  minimize: false,
  mangle: false
}),

Sourcemap and break points in Chrome don't work