JavaScript 使用 madge 工具进行循环加载分析

前端APP 投稿 65500 0 评论

JavaScript 使用 madge 工具进行循环加载分析

分析

使用 madge 工具进行循环加载分析。

安装

yarn global add

检测是否存在循环加载/依赖

下述命令中的  目录是  文件所在的相对/绝对目录路径(如果是  项目,将其替换为编译后的  文件相对/绝对目录路径)

madge ./dist -c

生成加载/依赖关系图

安装 Graphviz

打开 Download 页面,找到适用于自己操作系统的软件,我这里是,我下载的软件为 graphviz-3.0.0 (64-bit EXE installer。

许可证协议 界面点击 我接受(I 后,会进入到  界面,在该界面选择第二个选项,即添加系统环境变量,这样  才可以随处执行它,也可以选择第三个选项,那是添加用户环境变量,只对当前登录账号生效。后面的步骤一直点击下一步就可以了,等待安装完毕。

生成
madge ./dist -i image.png

输出结果:

D:\dev\backend-hospital-next-nodejs\restful-api>madge ./dist -i image.png
Processed 268 files (4.1s

√ Image created at D:\dev\backend-hospital-next-nodejs\restful-api\image.png

从输出结果中可以看到加载/依赖图已成功生成,位于磁盘  处,打开查看即可。

    编程笔记 » JavaScript 使用 madge 工具进行循环加载分析

    赞同 (77) or 分享 (0)
    游客 发表我的评论   换个身份
    取消评论

    表情
    (0)个小伙伴在吐槽