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

shi*_*zou 6 babel google-chrome-devtools source-maps webpack

我正在尝试在具有源映射的已转换代码中放置断点,但每次按下一行来放置断点时,它都会立即取消.

像这儿:

在此输入图像描述

这是webpack配置的问题吗?我应该发布吗?

shi*_*zou 2

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

编辑:

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

new webpack.optimize.UglifyJsPlugin({
  sourceMap: true,
  compress: false,
  minimize: false,
  mangle: false
}),
Run Code Online (Sandbox Code Playgroud)