针对一些超大型 React 应用,一个模块通常组件几十上百个,看代码时候,文件间跳来跳去特别麻烦。
刚入手一个新的模块,通常我会用脑图工具去做这样整理的事情,组件的依赖关系结构等出来之后,遇到代码问题可以直接定位到对应组件,心中也会安心不少,但这个整理过程也十分消耗人力,手动搜索非常麻烦,要处理许多杂事。
一点突发其想是有没有这样一键输出的工具?毕竟人肉处理这个过程心智负担还是比较重的,并且模式也很固定。
搜了下发现这个,眼前一亮,试用了一下感觉还可以:
https://github.com/hb1998/react-component-tree