[发明专利]一种webpack标签尺寸样式转换方法及装置有效
申请号: | 201910153084.5 | 申请日: | 2019-02-28 |
公开(公告)号: | CN110109671B | 公开(公告)日: | 2023-05-16 |
发明(设计)人: | 李天驰;孙悦 | 申请(专利权)人: | 深圳点猫科技有限公司 |
主分类号: | G06F8/40 | 分类号: | G06F8/40 |
代理公司: | 广东良马律师事务所 44395 | 代理人: | 李良 |
地址: | 518000 广东省深圳市粤海*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 webpack 标签 尺寸 样式 转换 方法 装置 | ||
1.一种webpack标签尺寸样式转换方法,其特征在于,包括步骤:
A.设置webpack的基本配置;
B.对文件目录进行递归查询,判断文件类型;
C.根据文件类型,匹配文件对应的标签,并将文件对应的标签匹配像素属性;
D.获取像素属性的像素单位信息,并将像素单位转换为对应设备能够兼容的单位,并替换掉所述像素单位;
所述步骤A中,webpack的基本配置包括基础路径、输出路径、编译优化、当前环境;
所述步骤A包括:
安装css处理器,通过所述css处理器可将less格式的层叠样式表文件输出为css格式,即当前环境能够兼容并编译的格式;
所述步骤D包括:
获取像素单位信息,并获取屏幕的高度;
计算所述像素单位与屏幕的比例系数;
利用比例系数,将像素单位计算为当前环境可兼容的格式的单位;
将计算后的单元替换原来的像素单位。
2.根据权利要求1所述的webpack标签尺寸样式转换方法,其特征在于,所述步骤B包括:
设置文件后缀正则表达式,用于区分文件后缀名;
设置标签正则表达式,用于匹配文件中的标签,只转换该标签中的像素单位;
对文件目录进行递归查询;
根据文件的后缀名,判断文件类型,并将文件类型通过css处理器转换为可编译的类型。
3.根据权利要求2所述的webpack标签尺寸样式转换方法,其特征在于,所述步骤C包括:
通过标签正则表达式,匹配文件类型对应的标签;
提取标签的style属性;
判断标签的style属性是否有像素属性,当是时,执行步骤D。
4.一种webpack标签尺寸样式转换装置,其特征在于,所述装置包括至少一个处理器;
以及,与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-3任一项所述的webpack标签尺寸样式转换方法。
5.一种非易失性计算机可读存储介质,其特征在于,所述非易失性计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令被一个或多个处理器执行时,可使得所述一个或多个处理器执行权利要求1-3任一项所述的webpack标签尺寸样式转换方法。
6.一种计算机程序产品,其特征在于,所述计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序,所述计算机程序包括程序指令,当所述程序指令被处理器执行时,使所述处理器执行权利要求1-3任一项所述的webpack标签尺寸样式转换方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于深圳点猫科技有限公司,未经深圳点猫科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910153084.5/1.html,转载请声明来源钻瓜专利网。