ant-design-pro如何使用浏览器断点源码呢

Question

我在浏览器使用 debugger 的时候
在开发者工具的sources 一栏中看到的代码是经过编译后的,完全看不到,为什么会变成这样呢,我该如何改进,才能看到源码调试呢
因为之前开发 react-native 的时候,在浏览器调试是和编译器中的代码是一样的,我想知道的,是什么插件产生这样的差异

编辑器中的源码

浏览器中看到的代码

我在.webpackrc文件中添加了 "devtool": "source-map",还是没有一一映射到源码
如下图

我是用ant-design-pro-cli创建的脚手架,安装这个文档里面的创建的项目
https://pro.ant.design/docs/g...

---

更新
虽然按道理设置 webpack 生成 source map 是有用的,但是是因为 antd pro 应用的roadhog 版本有问题,所以不能正确映射
https://github.com/sorrycc/ro...

Answer 1

webpack开启sourcemap

Answer 2

这个？在webpack文件夹下