时隔三年，一个前端依赖分析工具，大家有什么建议吗

[alangc]

🔥 🔥 🔥 Github 仓库

🔥 🔥 🔥 [Demo 演示](JsAnalyzer | 依赖分析工具 Demo)

产品功能/优势 一个可视化可交互的 Web 文件依赖分析工具，跨框架,可用于 Vue React Svelte Angular Node 等前端项目

基于 AST 语法分析， 可交互的一体化可视化依赖分析系统

支持切换分析入口文件。

支持依赖反转。

支持显示文件被引用次数，以及引用地址。

支持显示文件的导出变量被引用信息。

适用于 ES6 、CommonJs 。

支持的文件类型：JS 、TS 、JSX 、TSX 、Vue 、Sass 、Less 、Css 、html 。

支持 package 依赖分析。

支持未引用 文件、npm 包 分析。

非常安全：所有文件本地存储，不涉及联网和上传 。

支持使用默认编辑器打开文件和文件预览。

原文:https://juejin.cn/post/7329799331216883747

[musi]

我选择 webstorm 的 diagrams

[Albertcord]

为什么说是时隔三年？

[alangc]

@musi 哈哈，webstorm 确实可以实现一部分功能，应该不能显示依赖链条、以及单个导出变量的被依赖范围。而且可视化更直观一点

[alangc]

@Albertcord 工具开发到发布，用时三年，工作之外时间断断续续开发。实际专注开发时间并不需要那么久

[mwjz]

点赞，已 star

[zcf0508]

请问是否支持 unplugin-auto-import 和 unplugin-vue-component 自动引入的内容

[7gugu]

如果能提供一个打包好的 electron 客户端版本就更好了👍，已 Star

[alangc]

@zcf0508 嗯，这个一定要支持的，已列入待办

[alangc]

@7gugu electron 感觉客户端有点重，主要是占内存，本质上也就一条命令就启动了，很简单，后续有时间可以做

[7gugu]

@alangc #9 占内存不是问题，直接下载一个可执行文件，用完就关掉了，干干净净不需要单独部署就很清爽。

[jqtmviyu]

能请教下使用频率比较高的场景吗?

类似的东西只用过分析打包后的产物大小用来拆分 chunk.

[alangc]

@jqtmviyu 目前主要还是依赖治理，大型项目代码重构场景用的表较多