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

无趣
  • 1.5k

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

编辑器中的源码
clipboard.png

浏览器中看到的代码
clipboard.png

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

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


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

回复
阅读 5.3k
2 个回答
✓ 已被采纳

clipboard.png
这个?在webpack文件夹下

宣传栏