一种打包方法、装置、电子设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
一种打包方法、装置、电子设备及存储介质
本公开的实施例涉及互联网
，尤其涉及一种打包方法、装置、电子设备及存储介质。
技术介绍
在WEB(WorldWideWeb，万维网)前端开发中经常需要使用Icon(图标)来丰富和美化页面，为了追求开发效率在前端开发的过程中又往往使用含有Icon的组件库。在前端开发过程中，仅部分Icon图片是页面显示所需要的，而在前端JS(JavaScript)的打包过程中，通过webpack解析找到当前文件下的所有Icon图片都打包到文件包中，这就造成了Icon图片资源的冗余。
技术实现思路
本公开的实施例提供一种打包方法、装置、电子设备及存储介质，用以使之能按需打包图标，减小文件包大小。根据本公开的实施例的第一方面，提供了一种打包方法，包括：获取指定格式的图标组件在前端显示时的组件显示信息；基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件；打包所述目标图片文件。可选地，基于所述组件显示信息，确定所述图标组件在前端显示时所需的目本文档来自技高网...

【技术保护点】
1.一种打包方法，其特征在于，包括：/n获取指定格式的图标组件在前端显示时的组件显示信息；/n基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件；/n打包所述目标图片文件。/n

【技术特征摘要】
1.一种打包方法，其特征在于，包括：
获取指定格式的图标组件在前端显示时的组件显示信息；
基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件；
打包所述目标图片文件。


2.根据权利要求1所述的方法，其特征在于，所述基于所述组件显示信息，确定所述图标组件在前端显示时所需的目标图片文件，包括：
获取所述组件显示信息关联的多个原始图片文件；
对所述多个原始图片文件进行识别处理，获取所述图标组件所需的所述目标图片文件。


3.根据权利要求2所述的方法，其特征在于，所述对所述多个原始图片文件进行识别处理，获取所述图标组件所需的所述目标图片文件，包括：
识别得到所述多个原始图片文件对应的原始图片代码；
根据所述组件显示信息，获取多个所述原始图片代码中所需的原始图片代码；
将所述所需的原始图片代码转换为所述图标组件对应的目标图片代码，得到所述目标图片文件。


4.根据权利要求3所述的方法，其特征在于，在所述根据所述组件显示信息，获取多个所述原始图片代码中所需的原始图片代码之后，还包括：
移除多个所述原始图片代码中除所述所需的原始图片代码之外的其它原始图片代码。


5.一种打包装置，其特征在于，包括：
组件信息获取模块，用于获取指定格式的图标组件在前端显示时的组件显示信息；
目标文件确定模块，用于基于所述组件显示信息，确定所述图标组件在前端显示时所需的...

【专利技术属性】
技术研发人员：安成健，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：北京;11