在长时间使用一堆打印语句毫无意义之后，我终于回过头来，弄清楚了如何做到这一点。

捆绑后，可以通过以下方式再次使用断点：

1）

转到您的webpack.config.js文件，并将devtools从“ true”设置为“ source-
map”或@MichelleTilley在回答中解释的其他选项之一。

webpack.config.js（这里是一个示例）

module.exports = {
  entry: "./js/app.js",
  output: {
    filename: "js/bundle.js"
  },
  debug: true,
  devtool: "#eval-source-map",
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel'
      }
    ]
  }
};

2）

就像@MichelleTilley在回答中解释的那样，您可能需要在Chrome中启用devtools选项。

3）

之后，当您进行调试时，您将不得不寻找一个名为“”的新文件夹。超级难注意到！

感谢下面的Stackoverflow答案以及发布的图像，我终于找到了该文件夹的位置。