[发明专利]一种前端文件自适配打包的方法、设备及存储介质

说明书

本申请公开了一种前端文件自适配打包的方法、设备及存储介质，用以解决现有技术缺少一种可以根据个性化需求对前端文件进行自适配打包的方法，从而无法适配公共项目下多个性需求的技术问题。方法包括：响应于前端文件打包指令，在前端文件中确定构成页面必要组件的必要文件，以及确定构成页面特色组件的特色需求文件；将特色需求文件的名称修改为包含特色标志的特色环境变量名称；基于预设的特色环境变量需求信息，确定待打包的特色需求文件，并将待打包的特色需求文件与必要文件进行打包。本申请通过上述方法使打包的包裹仅包含我们所需的前端文件，避免了很多无用的代码文件组织到最终的包裹中，从而影响加载速度。

技术领域

本申请涉及Web前端开发技术领域，尤其涉及一种前端文件自适配打包的方法、设备及存储介质。

背景技术

随着Web业务的不断复杂化和多元化，传统前端技术难以支撑复杂的业务逻辑，开发费时费力，后期维护成本巨大。伴随着这些问题，前端组件化，模块化，工程化应运而生，它使用软件工程的技术和方法来进行前端的开发变得规范化、标准化。

webpack是一个模块打包器，在前端自动化构建中有着举足轻重的地位。在没有模块打包器以前，我们通过手动的引入，实现代码的整合。代码只是一个个的文件，相互之间没有内在依赖关系，因此，引入有着严格的先后顺序。在模块打包器出现之后，自动化构建工具接管了我们手工的代码组织，给我们带来了便利。

但它也有一些弊端，有时候它还会将很多无用的代码也组织到最终的打包包裹中，因此，目前亟需一种可以根据个性化需求对前端文件进行自适配打包的方法。

发明内容

本申请实施例提供了一种前端文件自适配打包的方法、设备及存储介质，用以解决现有技术缺少一种可以根据个性化需求对前端文件进行自适配打包的方法，从而无法适配公共项目下多个性需求的技术问题。

第一方面，本申请实施例提供了一种前端文件自适配打包的方法，其特征在于，方法包括：响应于前端文件打包指令，在前端文件中确定构成页面必要组件的必要文件，以及确定构成页面特色组件的特色需求文件；其中，前端文件打包指令包括打包指令与运行指令；将特色需求文件的名称修改为包含特色标志的特色环境变量名称；其中，特色标志用于区分必要文件与特色需求文件；基于预设的特色环境变量需求信息，确定待打包的特色需求文件，并将待打包的特色需求文件与必要文件进行打包。

本申请实施例提供的一种前端文件自适配打包的方法，在需要对前端文件进行自适配打包的情况下，首先将前端文件进行分类，分为必要文件与特色文件，然后将特色文件进行名称修改，以方便区分两类文件；然后根据预设的特色环境变量需求信息，对前端文件进行自适配打包。本申请实施例通过上述方法使打包的包裹仅包含我们所需的前端文件，避免了很多无用的代码文件组织到最终的包裹中，从而影响加载速度。

在本申请的一种实现方式中，在前端文件中确定构成页面必要组件的必要文件，以及确定构成页面特色组件的特色需求文件，具体包括：基于预设的若干个必要组件入口标识，在前端文件中确定对应的若干个必要组件入口文件；以及，基于预设的若干个特色组件入口标识，在前端文件中确定对应的若干个特色组件入口文件；通过必要组件入口文件与特色组件入口文件，分别确定构成页面必要组件的必要文件与构成页面特色组件的特色需求文件；其中，必要组件入口文件用于存储运行对应组件的主函数，特色组件入口文件用于存储运行对应组件的主函数。

在本申请的一种实现方式中，通过必要组件入口文件与特色组件入口文件，分别确定构成页面必要组件的必要文件与构成页面特色组件的特色需求文件，具体包括：确定必要组件入口文件为构成页面必要组件的必要文件，并确定必要组件入口文件中链接的前端文件为构成页面必要组件的必要文件；以及，确定特色组件入口前端文件为构成页面特色组件的特色需求文件，并确定特色组件入口文件中链接的文件为构成页面特色组件的特色需求文件。

在本申请的一种实现方式中，在响应于前端文件打包指令之前，方法还包括：建立前端文件库，并将前端文件存储于前端文件库；在前端文件库中建立索引目录。