[发明专利]基于webpack的VUE前端项目管理分析方法

说明书

本发明公开了一种基于webpack的VUE前端项目管理分析方法，所述方法包括：根据webpack配置文件打包过程，根据所述打包过程的vue前端项目的所有文件信息确定vue前端项目一个或多个vue子组件；对所述vue前端项目所有文件信息的每个vue子组件进行分析，根据分析结果确定每个vue子组件的初始依赖关系、完整依赖关系和集成分析关系。本发明可以满足用户对vue前端项目的所有文件的依赖关系分析需求，避免所有文件的依赖关系的遗漏，同时提高确定文件依赖关系的分析效率和提高用户使用体验性。

技术领域

本发明涉及前端技术领域，特别是基于webpack的VUE前端项目管理分析方法。

背景技术

现有技术中，web前端项目的构建过程通常是采用配套的构建工具进行构建，并且各种前端项目构建工具都在不断发展中，而web浏览器较多使用HTML、JS和CSS等文件，项目发展让web浏览器难以适应，造成项目跟踪溯源文件过程复杂，在通过前端构建工具来完成在构建的过程中，构建工具都仅仅只能对构建信息进行较为简单的展示，容易导致关系遗漏，不能很多好的展现VUE前端项目的性能，影响用户使用体验性。

发明内容

为了克服现有技术的上述缺点，本发明的目的是提供一种基于webpack的VUE前端项目管理分析方法，以解决上述背景技术提出的问题。

本发明解决其技术问题所采用的技术方案是：基于webpack的VUE前端项目管理分析方法，所述方法包括：

根据webpack配置文件打包过程，所述文件打包过程配置了vue前端项目根目录的所有文件信息，并根据所述打包过程的vue前端项目的所有文件信息确定vue前端项目一个或多个vue子组件；

对所述vue前端项目所有文件信息的每个vue子组件进行分析，并根据分析结果确定每个vue子组件的初始依赖关系；

根据每个vue子组件的初始依赖关系分析所述每个vue子组件的父组件，并确定出每个vue子组件的完整依赖关系；

根据所述打包过程以及所述每个vue子组件之间的完整依赖关系，确定所述每个vue子组件之间的集成分析关系。

作为本发明的进一步改进：根据webpack打包过程执行监听webpack构建信息，获得webpack构建vue前端项目的当前vue前端项目中根目录的所有文件目录信息的一个或多个vue组件，根据每个vue组件分析确定依赖关系。

作为本发明的进一步改进：获取vue前端项目构建过程的所有文件信息，并根据所述文件信息生成能够表征所述vue前端项目构建结构的数据信息，所述数据信息中至少包括所述vue前端项目中每个入口文件、与所述入口文件对应的各个项目文件、以及所述项目文件中的各个组件之间的依赖关系。

作为本发明的进一步改进：对所述vue前端项目中所有文件信息的每个vue子组件进行分析，确定所述每个vue子组件对应文件的目录名称；根据所述每个vue子组件对应文件的文件名称确定所述每个Vue子组件初始构建记录，并根据所述每个Vue组件初始构建记录确定所述每个vue组件的初始依赖关系。

作为本发明的进一步改进：对所述vue前端项目中所有文件信息的每个vue子组件进行分析，获取每个vue子组件内中的目标属性信息；根据所述每个vue子组件内中的目标属性信息确定所述每个vue子组件对应文件的目录名称。

作为本发明的进一步改进：根据所述每个vue子组件的初始依赖关系确定所述每个vue子组件的一个或多个目录关联信息，对所述每个vue子组件的一个或多个目录关联信息进行叠加处理，确定关联后所述每个vue子组件的文件信息，根据所述关联后所述每个vue子组件的文件信息确定出所述每个vue子组件之间的完整依赖关系。