(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210248581.5 (22)申请日 2022.03.14 (71)申请人 中原银行股份有限公司 地址 450018 河南省郑州市郑东 新区商务 外环路23号中科 金座大厦 (72)发明人 杨朋飞　李鑫海　谢新方　马越　 宋秀庆　 (74)专利代理 机构 北京金信知识产权代理有限 公司 11225 专利代理师 喻嵘 (51)Int.Cl. G06F 9/445(2018.01) (54)发明名称 基于Webpack的调用系统、 方法及电子设备 (57)摘要 本公开实施例提供一种基于Webpack的调用 系统、 方法及电子设备。 其系统包括： 多类配置模 块和多类功能模块， 多类配置模块通过接口与多 类功能模块耦合， 响应前端项目的不同构建请 求， 各类配置模块通过接口调用该类配置模块对 应的各类功能模块。 通过系统功能实现对各配置 模块的规范化管理， 针对不同的环境， 各配置模 块能够实现各配置模块调用各类功能模块 以实 现其不同的功能操作， 提高了各功能模块的工作 效率， 满足用户快速 配置各类文 件的需求。 权利要求书1页 说明书8页 附图6页 CN 114610409 A 2022.06.10 CN 114610409 A 1.一种基于Webpack的调用系统， 其特征在于， 所述系统包括多类配置模块和多类功能 模块， 多类 配置模块 通过接口与多类功能模块耦合； 响应前端项目的不同构建请求， 各类配置模块通过接口调用该类配置模块对应的各类 功能模块。 2.如权利要求1所述的调用系统， 其特征在于， 响应前端项目的第一构建请求， 第一类 配置模块 通过接口调用所述第一构建请求对应的第一类功能模块； 其中， 所述第一构建请求包括以下任意一个： 配置项目应用类型、 配置兼容浏览器版 本、 配置开发环境端口号、 配置开发环境 地址和配置打包结果分析插 件。 3.如权利要求2所述的调用系统， 其特征在于， 所述第 一类配置模块包括链式配置管理 模块和/或对象式配置管理模块。 4.如权利要求1所述的调用系统， 其特征在于， 响应前端项目的第二构建请求， 第二类 配置模块 通过接口调用所述第二构建请求对应的第二类功能模块； 其中， 所述第二构建请求包括以下任意一个： 初始化项目、 代码检查、 启动本地开发服 务以及编译打包 源文件。 5.如权利要求1所述的调用系统， 其特征在于， 响应前端项目的第三构建请求， 第三类 配置模块 通过接口调用所述第三构建请求对应的第三类功能模块； 其中， 所述第三构 建请求包括以下任意一个： 编译HTML格式文件、 编译CSS格式文件、 编 译SCSS格式文件、 编译LESS格式文件、 编译JS格式文件、 编译TS格式文件以及编译Vue格式 文件。 6.如权利要求1所述的调用系统， 其特征在于， 响应前端项目的第 四构建请求， 第 四类 配置模块 通过接口调用所述第四构建请求对应的第四类功能模块； 其中， 所述第 四构建请求包括以下任意一个： 打包单页面应用、 打包多页面应用、 打包 类库以及打包小程序。 7.如权利要求1所述的调用系统， 其特征在于， 所述系统还包括安全模块， 用于对所述 前端项目的源文件进行混淆。 8.如权利要求1所述的调用系统， 其特征在于， 所述系统还包括挡板模块， 用于响应浏 览器发送的请求， 返回静态或动态模拟数据。 9.一种基于Webpack的调用方法， 其特 征在于， 所述方法包括： 响应前端 项目的不同构建请求； 通过接口调用多类 配置模块对应的各类功能模块。 10.一种电子设备， 至少包括存储器、 处理器， 所述存储器上存储计算机程序， 其特征在 于， 所述处理器在执行所述存储器上 的计算机程序时实现权利要求9所述的调用方法的步 骤。权　利　要　求　书 1/1 页 2 CN 114610409 A 2基于Webpack的调用系统、 方 法及电子 设备 技术领域 [0001]本公开实施例涉及计算机技术领域， 尤其涉及一种基于Webpack的调用系统、 方法 及电子设备。 背景技术 [0002]随着计算机科技的发展， 前端项 目构建依 旧是前端技术领域的长久论题， 前端项 目构建， 是指将前端项目使用到的所有源文件模块， 压缩、 合并、 转换成一个或几个文件， 目 的是方便html页面引用。 而前端项目构建工具随着前端技术的高速发展而快速变化， 特别 是现有的系统上， 在前端项目构建的过程异常复杂， 例如， 前端开发人员在sit、 u6、 u8等不 同的环境下配置不同的文件， 还不能在同一版本浏览器中进行配置文件， 很难进行统一的 配置管理， 不能满足用户的快速配置文件的需求。 发明内容 [0003]有鉴于现有技术中存在的上述问题， 本公开实施例 提供了一种基于Webp ack的调 用系统、 方法及电子 设备， 用以解决系统上个功能模块使用效率低， 各配置文件操作很难同 一管理， 以及不能满足用户的快速配置文件的需求的问题。 [0004]为解决上述问题， 本公开实施例提供的技术方案是： 一种基于Webpack的调用系 统， 所述系统包括多类配置模块和多类功能模块， 多类配置模块通过接口与多类功 能模块 耦合； [0005]响应前端项目的不同构建请求， 各类配置模块通过接口调用该类配置模块对应的 各类功能模块。 [0006]进一步地， 响应前端项 目的第一构建请求， 第一类配置模块通过接 口调用所述第 一构建请求对应的第一类功能模块； [0007]其中， 所述第一构建请求包括以下任意一个： 配置项目应用类型、 配置兼容浏览器 版本、 配置开发环境端口号、 配置开发环境 地址和配置打包结果分析插 件。 [0008]进一步地， 所述第一类配置模块包括链式配置管理模块和/或对象式配置管理模 块。 [0009]进一步地， 响应前端项 目的第二构建请求， 第二类配置模块通过接 口调用所述第 二构建请求对应的第二类功能模块； [0010]其中， 所述第二构建请求包括以下任意一个： 初始化项目、 代码检查、 启动本地开 发服务以及编译打包 源文件。 [0011]进一步地， 响应前端项 目的第三构建请求， 第三类配置模块通过接 口调用所述第 三构建请求对应的第三类功能模块； [0012]其中， 所述第三构建请求包括以下任意一个： 编译HTML格式文件、 编译CSS格式文 件、 编译SCSS格式文件、 编译LESS格式文件、 编译JS格式文件、 编译TS格式文件以及编译Vue 格式文件。说　明　书 1/8 页 3 CN 114610409 A 3