(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210209250.0 (22)申请日 2022.03.04 (71)申请人 中国—东盟信息 港股份有限公司 地址 530000 广西壮 族自治区南宁市平乐 大道18号 (72)发明人 黄继昌　阚浩　 (74)专利代理 机构 广州海心联合专利代理事务 所(普通合伙) 44295 专利代理师 张栩颜　莫秀波 (51)Int.Cl. G06F 9/445(2018.01) (54)发明名称 一种前端应用配 置的自动加载 方法 (57)摘要 本发明公开了一种前端应用配置的自动加 载方法， 涉及软件应用开发技术领域， 解决人工 导入前端应用配置文件工作量大、 效率低的技术 问题， 所述方法包括： 构建基于webpack的 config‑loader对象， config ‑loader对象注入前 端应用的路径， 以及检测配置文件是否存在； 分 别构建配置对象config、 自动加载器对象auto ‑ config， 自动加载器对象auto ‑config自动扫描 符合规则的配置文件， 对符合规则的配置文件进 行加载及预处理得到具体配置， 将具体配置合并 到配置对象config中， 供前端应用读取信息。 本 发明减少了开发人员手动处理配置文件的工作 量， 并确保配置变更时， 配置能 自动加载， 避免了 人工操作， 应用出现错 误的可能性低。 权利要求书2页 说明书3页 附图2页 CN 114625437 A 2022.06.14 CN 114625437 A 1.一种前端应用配置的自动加载 方法， 其特 征在于， 包括： 构建基于webpack的config ‑loader对象， 所述config ‑loader对象注入前端应用的路 径， 以及检测配置文件是否存在； 分别构建配置对象config、 自动加 载器对象auto ‑config， 所述自动加 载器对象auto ‑ config自动扫描符合规则的配置文件， 对符合规则的配置文件进 行加载及预 处理得到具体 配置， 将所述具体 配置合并到所述配置对象co nfig中， 供前端应用读取信息 。 2.根据权利要求1所述的一种前端应用配置的自动加载方法， 其特征在于， 加载及预处 理包括前端应用编译打包阶段， 编译打包阶段包括： 通过webpack读取 前端应用的src目录的绝对路径到ap pPath变量中； 通过webpack读取配置文件存在的情况到configExist变量中， 所述configExist变量 中包含src/config目录是否存在的信息 。 3.根据权利要求2所述的一种前端应用配置的自动加载方法， 其特征在于， 编译打包阶 段还包括： 通过所述config‑loader对象加载auto ‑config.js文件的文本内容； 所述config ‑loader对象使用 所述appPath变量的内容替换auto ‑config.js文件中 的__appPath占位符； 所述config ‑loader对象根据所述configExist变量， 将配置文件存在的auto ‑ config.js中对应加载开关的占位符替换掉。 4.根据权利要求3所述的一种前端应用配置的自动加载方法， 其特征在于， 替换逻辑具 体为： 将注释//no  config context＝require.context('__appPath/config',false,/\. [jt]sx？ $/)中的/ /no config替换掉。 5.根据权利要求2所述的一种前端应用配置的自动加载方法， 其特征在于， 加载及预处 理还包括配置加载阶段， 配置加载阶段包括： 加载前端应用的config目录下所有的配置， 使 用require.contextapi扫描src/config目录 下符合/\.[jt]sx？ $/规则的所有配置文件， 获 取require.contextapi 返回的context变量， 读取context 变量的中 defulat对象， 以配置文 件名的前缀作为 key， default对象作为value， 将defulat对象绑定 到config上。 6.根据权利要求5所述的一种前端应用配置的自动加载方法， 其特征在于， 配置加载阶 段还包括： 加载路由配置， 使用require.contextapi扫描src目录下符合/\.routes\.[jt] sx？ $/规则的所有配置文件， 获取requ ire.contextapi返回的context 变量， 读取context变 量的路由配置对象， 将这些路由配置对象信息保存成数组对象并进行排序， 最后绑定到 config.routes上。 7.根据权利要求5所述的一种前端应用配置的自动加载方法， 其特征在于， 配置加载阶 段还包括： 加载进行国际化资源配置， 使用require.context函数扫描src/con fig/i18n目 录下符合/\.[jt]sx？ $/规则的配置文件， 获取requ ire.contextapi 返回的context 变量， 读 取context变量的国际化资源配置对象， 将国际化资源对象合并成数组， 并绑定到 config.i18n.resources上。 8.根据权利要求5所述的一种前端应用配置的自动加载方法， 其特征在于， 配置加载阶 段还包括： 加载redux配置， 使用requ ire.context函数扫描src目录 下符合/\.slice\.[tj] sx？ $/规则的配置文件， 获取requ ire.contextapi返回的context变量， 读取context 变量的权　利　要　求　书 1/2 页 2 CN 114625437 A 2reducer配置对象， 以配置文件名前缀作为key， reducer配置对象作为value， 将reducer配 置对象绑定 到config.reducers上。权　利　要　求　书 2/2 页 3 CN 114625437 A 3