基于webpack的vue前端项目可视化分析方法

摘要

本发明公开基于webpack的vue前端项目可视化分析方法，涉及前端项目优化技术领域；面向vue前端项目，根据webpack打包过程执行监听webpack构建module graph的过程，以及通过modulegraph生成chunkgraph的过程，获得webpack构建vue前端项目的文件组成和文件相互之间的依赖关系，通过canvas将获得的文件组成和文件相互之间的依赖关系绘制成可视化的图形界面进行分析展示。