学习一点调试技巧

学习源码

• 学习的方法，可以把源码的内容拷贝过来，自己启动一个项目，使用模块依赖的方式进行debug，会比自己单看源码清晰的多，并且也可以清晰的看到执行结果和执行过程。

• 调试node_modules下的代码，下载源码后，使用npm link，debug到源码进行调试

• qiankun引用的single-spa是打包后的结果，这种情况我们可以直接下载好single-spa的源码后，使用build:dev打包成没有压缩过的代码，然后将打包好的文件复制到需要调试的目录，将引用指向改打包好的文件就可以愉快的调试了。
  之前一直在纠结怎么调试这样的代码，也尝试过将single-spa的源码直接copy到qiankun框架里面，但是还需要解决ts报错的问题，解决完ts报错的问题，发现qiankun里面不支持single-spa的模块化方式，reroute方法提示报错。

我的项目目录结构.png

我的main.js文件引入single-spa的方式

import { registerApplication, start } from "./single-spa/esm/single-spa.dev";