[发明专利]静态资源文件处理方法、装置、电子设备和存储介质

说明书

本申请提供了一种静态资源文件处理方法、装置、电子设备和存储介质，该方法包括：获取第一静态资源文件；第一静态资源文件包括主应用的源代码文件和至少一个子应用的源代码文件；根据第一静态资源文件中的每个源代码文件的转换规则，对每个源代码文件进行转换，得到第一静态资源文件的第一处理结果；第一处理结果包括每个源代码文件对应的语法树或者每个源代码文件对应的Css规则；根据每个源代码文件对应的至少一个插件，加载第一静态资源文件的第一处理结果。基于本申请提供的静态资源文件处理方法，可以提高静态资源文件的源代码文件的可读性。

技术领域

本申请实施例涉及微前端技术领域，尤其涉及一种静态资源文件处理方法、装置、电子设备和计算机存储介质。

背景技术

微前端(Micro-Frontends)，将单个web(World Wide Web)前端应用拆分成多个子应用(Subapplication)，拆分后的各个子应用可以独立运行和发版部署，解决项目过于庞大而难以维护的问题。微前端分为主应用和子应用，主应用是主体应用，在主应用和各个子应用的Js(JavaScript)变量、层叠样式表(Cascading Style Sheets，Css)的样式不冲突时，可以将子应用的静态资源文件加载到主应用中渲染。

在实际应用中，随着项目越来越复杂，主应用和各个子应用Js变量、Css样式必然会存在不可预料的冲突。同时，静态资源文件中的源代码的数量越来越多，使得静态资源文件的源代码文件的可读性较差，不利于开发人员对主应用和子应用的静态资源文件中存在冲突的变量或者样式进行修改。然而，在相关技术中，微前端方案包括开源框架single-spa、qiankun，都没有针对主应用和子应用的静态资源文件的可读性的解决方案。因此，如何提高静态资源文件的源代码文件的可读性成为亟待解决的重要问题。

发明内容

本申请实施例提供了一种静态资源文件处理方法、装置、电子设备和计算机存储介质，可以提高静态资源文件的源代码文件的可读性。

本申请实施例提供的一种静态资源文件处理方法，包括：

获取第一静态资源文件；所述第一静态资源文件包括主应用的源代码文件和至少一个子应用的源代码文件；

根据所述第一静态资源文件中的每个源代码文件的转换规则，对所述每个源代码文件进行转换，得到所述第一静态资源文件的第一处理结果；所述第一处理结果包括所述每个源代码文件对应的语法树或者所述每个源代码文件对应的Css规则；

根据所述每个源代码文件对应的至少一个插件，加载所述第一静态资源文件的第一处理结果。

在一种实现方式中，所述方法还包括：接收用户对所述语法树和/或所述Css规则的修改结果信息，得到所述第一静态资源文件的第二处理结果；所述第二处理结果包括所述修改结果信息。

在一种实现方式中，所述根据所述第一静态资源文件中的每个源代码文件的转换规则，对所述每个源代码文件进行转换，得到所述第一静态资源文件的第一处理结果，包括：

获取所述每个源代码文件的配置项；

在第一源代码文件的配置项指示对所述第一源代码文件进行转换时，根据所述第一源代码文件的转换规则，对所述第一源代码文件进行转换，得到所述第一静态资源文件的第一处理结果；所述第一源代码文件为所述第一静态资源文件中的任意一个源代码文件。

在一种实现方式中，所述方法还包括：

根据所述每个源代码文件的文件类型，确定所述每个源代码文件的转换规则。

在一种实现方式中，所述根据所述每个源代码文件的文件类型，确定所述每个源代码文件的转换规则，包括：

在任意一个源代码文件的文件类型为层叠样式表类型时，确定所述任意一个源代码文件的转换规则为将所述源代码文件的字符串转换为Css规则；