[发明专利]一种打包方法、装置、电子设备及存储介质

说明书

本公开的实施例提供了一种打包立方法、装置、电子设备及存储介质。所述方法包括：获取指定格式的图标组件在前端显示时的组件显示信息；基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件；打包所述目标图片文件。本公开实施例通过仅打包所需的图片文件，从而能够实现按需打包图标，避免冗余，减小文件包大小。

技术领域

本公开的实施例涉及互联网技术领域，尤其涉及一种打包方法、装置、电子设备及存储介质。

背景技术

在WEB(World Wide Web，万维网)前端开发中经常需要使用Icon(图标)来丰富和美化页面，为了追求开发效率在前端开发的过程中又往往使用含有Icon的组件库。

在前端开发过程中，仅部分Icon图片是页面显示所需要的，而在前端JS(JavaScript)的打包过程中，通过webpack解析找到当前文件下的所有Icon图片都打包到文件包中，这就造成了Icon图片资源的冗余。

发明内容

本公开的实施例提供一种打包方法、装置、电子设备及存储介质，用以使之能按需打包图标，减小文件包大小。

根据本公开的实施例的第一方面，提供了一种打包方法，包括：

获取指定格式的图标组件在前端显示时的组件显示信息；

基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件；

打包所述目标图片文件。

可选地，基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件，包括：

获取所述组件显示信息关联的多个原始图片文件；

对所述多个原始图片文件进行识别处理，获取所述图标组件所需的所述目标图片文件。

可选地，对所述多个原始图片文件进行识别处理，获取所述图标组件所需的所述目标图片文件，包括：

识别得到所述多个原始图片文件对应的原始图片代码；

根据所述组件显示信息，获取多个所述原始图片代码中所需的原始图片代码；

将所述所需的原始图片代码转换为所述图标组件对应的目标图片代码，得到所述目标图片文件。

可选地，在根据所述组件显示信息，获取多个所述原始图片代码中所需的原始图片代码之后，还包括：

移除多个所述原始图片代码中除所述所需的原始图片代码之外的其它原始图片代码。

根据本公开的实施例的第二方面，提供了一种打包装置，包括：

组件信息获取模块，用于获取指定格式的图标组件在前端显示时的组件显示信息；

目标文件确定模块，用于基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件；

目标文件打包模块，用于打包所述目标图片文件。

可选地，所述目标文件确定模块包括：

原始图片文件获取单元，用于获取所述组件显示信息关联的多个原始图片文件；

目标图片文件获取单元，用于对所述多个原始图片文件进行识别处理，获取所述图标组件所需的所述目标图片文件。

可选地，所述目标图片文件获取单元包括：

原始图片代码识别子单元，用于识别得到所述多个原始图片文件对应的原始图片代码；

原始图片代码获取子单元，用于根据所述组件显示信息，获取多个所述原始图片代码中所需的原始图片代码；