怎么调试React源码?多种工具下的调试方法介绍
怎么调试react源码?下面本篇文章带大家聊聊多种工具下的调试react源码的方法,介绍一下在贡献者、create-react-app、vite项目中如何debugger react的真实源码,希望对大家有所帮助! clone React 将clone到本地,并安装依赖. git clone https://github.com/facebook/react.git 登录后复制 编译项目 如果只是通过简单的yarn build,并不会生成sourcemap, 这不是我们想要的,我们需要编译出现代编辑器所需的sourcemap进行映射到实际源码进行调试。 当前react项目并无法通过简单增加参数生成sourcemap,我们需要修改scripts/rollup/build.js下的部分配置 【推荐学习:、】 ①: 修改 sourcemap 为 true②:注释部分无法生成sourcemap的插件 ok,看起来很多,但其实大致都连在一起(353-355, 387-415), 注释掉了几个插件,此时我们可以进行build了 yarn build 登录后复制 注意: 如果build失败,提示你需要安装jdk,根据报错安装即可。 成功效果如下: 进行debugger 我们根据得知基础开发文件目录在…