[发明专利]前端项目分析方法、装置、介质及电子设备

说明书

本公开涉及一种前端项目分析方法、装置、介质及电子设备，包括：获取目标项目的构建信息，并根据构建信息生成能够表征目标项目的构建结构的数据结构；获取目标项目的构建产物，并从构建产物中查找与数据结构中各个模块分别对应的代码片段；对代码片段进行分析，并将分析结果补充至数据结构中；根据预设性能规则对数据结构进行遍历，确定数据结构对应的性能建议。这样，不仅能利用构建过程中得到的常规构建信息来对该前端项目进行展示，而且还能通过对构建产物的分析，得到具体的项目性能数据，并通过预设性能规则来实现自动对该构建后的项目给出优化建议的功能，从而大大提高了项目的优化效率和准确率。

技术领域

本公开涉及计算机技术领域，具体地，涉及一种前端项目分析方法、装置、介质及电子设备。

背景技术

现有技术中，前端项目的构建过程通常都是由各种前端构建工具来完成，例如Webpack、ESBuild、Rollup等。在通过前端构建工具来完成在构建的过程中，各种构建工具通常都会记录并输出前端应用相应的构建信息作为展示，部分构建工具例如relative-ci能够在同一项目的多次构建时，对比多次构建信息给出两次构建之间的变化，但大部分构建工具都仅仅只能对构建信息进行展示，且能进行展示的构建信息也通常只包括项目中重要的文件来源、构建时的项目体积、文件依赖关系等信息。

发明内容

提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

第一方面，本公开提供一种前端项目分析方法，所述方法包括：

获取目标项目的构建信息，并根据所述构建信息生成能够表征所述目标项目的构建结构的数据结构，所述数据结构中至少包括所述目标项目中各个入口文件、与所述入口文件对应的各个项目文件、以及所述项目文件中的各个模块之间的加载顺序；

获取所述目标项目的构建产物，并从所述构建产物中查找与所述数据结构中各个模块分别对应的代码片段；

对所述代码片段进行分析，并将分析结果补充至所述数据结构中；

根据预设性能规则对所述数据结构进行遍历，确定所述数据结构对应的性能建议。

第二方面，本公开提供一种前端项目分析装置，所述装置包括：

第一处理模块，用于获取目标项目的构建信息，并根据所述构建信息生成能够表征所述目标项目的构建结构的数据结构，所述数据结构中至少包括所述目标项目中各个入口文件、与所述入口文件对应的各个项目文件、以及所述项目文件中的各个模块之间的加载顺序；

第二处理模块，用于获取所述目标项目的构建产物，并从所述构建产物中查找与所述数据结构中各个模块分别对应的代码片段；

第三处理模块，用于对所述代码片段进行分析，并将分析结果补充至所述数据结构中；

分析模块，用于根据预设性能规则对所述数据结构进行遍历，确定所述数据结构对应的性能建议。

第三方面，本公开提供一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现第一方面中所述方法的步骤。

第四方面，本公开提供一种电子设备，包括：

存储装置，其上存储有计算机程序；

处理装置，用于执行所述存储装置中的所述计算机程序，以实现第一方面中所述方法的步骤。