[发明专利]前端项目的构建方法、装置、计算机设备和存储介质

说明书

本公开实施例涉及一种前端项目的构建方法、装置、计算机设备和存储介质。所述方法通过在前端项目的项目目录下添加包括前端项目的通用业务逻辑的初始模版文件，以及通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件，然后利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件。上述构建方法通过设置外部接口调用定制功能文件对初始模版文件修改，实现了对于不同的业务场景，可通过外部接口进行一些定制化开发来满足不同的业务需求。因此，上述构建前端项目的方法提供了更加灵活，可应对不同业务逻辑的前端项目的项目文件的生成功能。

技术领域

本公开实施例涉及计算机应用技术领域，特别是涉及一种前端项目的构建方法、装置、计算机设备和存储介质。

背景技术

在现代软件开发的工作流程中，需要构建前端项目的项目目录，进而创建前端项目的初始文件，完成项目的基本功能，可以让前端项目的开发人员快速的对项目软件进行开发。通常在构建前端项目的过程中，按照固定的标准和规范进行构建。但是随着前端项目承载的功能越来越复杂，仅是按照固定的标准和规范构建前端项目，已经不能够满足承载复杂功能的前端项目的开发需求。

目前，在构建前端项目的过程中，通常采用通用的脚手架工具进行前端项目的构建，例如，前端项目的三大构架Vue、React、Angular都提供了官方脚手架工具来快速构建基于自身的前端项目。但是由于前端项目的构建和业务逻辑会高度匹配，所以使用这些通用的脚手架工具构建出的前端项目通常不能满足前端项目开发需求，还需要在利用脚手架工具构建出前端项目后，对该前端项目的初始文件进行手动补丁修改，最后将修改后的文件作为最终前端项目的目标文件，进而完成前端项目的构建。

然而，上述构建方法存在构建前端项目的效率低下的问题，从而极大的限制了前端项目开发人员开发项目软件的效率。

发明内容

本公开实施例提供一种前端项目的构建方法、装置、计算机设备和存储介质，实现了各种类型业务逻辑的前端项目构建，进而提高了构建前端项目的构建效率。

第一方面，本公开实施例提供一种前端项目的构建方法，所述方法包括：

在前端项目的项目目录下添加初始模版文件；初始模版文件包括前端项目的通用业务逻辑；

通过脚手架工具的外部接口调用前端项目对应的定制功能文件对初始模版文件进行修改，得到目标模版文件；定制功能文件中包含前端项目的定制业务的业务逻辑；

利用针对前端项目预先编译的变量文件，对目标模版文件中各业务逻辑变量的初始值进行替换，生成前端项目的项目文件；其中，变量文件包括目标模版文件中各个业务逻辑变量对应的替换值。

在上述实施例中，由于上述定制功能文件中包含前端项目的定制业务的业务逻辑，因此通过上述构建方法得到的项目文件具有定制业务逻辑的定制功能，而且，上述构建方法通过设置脚手架工具的外部接口调用定制功能文件对初始模版文件修改，实现了对于不同的业务场景，可通过外部接口进行一些定制化开发来满足不同的业务需求。因此，上述构建前端项目的方法提供了更加灵活，可应对不同业务逻辑的前端项目的项目文件的生成功能，使构建的前端项目可以满足更为广泛的业务需求。

在一个实施例中，所述方法还包括：

查询前端项目的配置文件中是否包含候选模版文件；

若配置文件中包含多个候选模版文件，则从多个候选模版文件中确定初始模版文件；

若配置文件中未包含候选模版文件，则根据预设存储路径获取初始模版文件。