本申请提供了一种项目代码包压缩方法及装置、存储介质及电子设备，通过采集项目信息包括的目标文件中的CSS类名，依次对每个CSS类名进行重命名，得到每个CSS类名对应的压缩类名，在项目信息包括项目代码的情况下，将项目代码中的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，并对替换压缩类名后的项目代码进行打包，得到目标项目代码包；在项目信息包括项目代码包的情况下，将项目代码包中的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，得到目标项目代码包。实现了对项目代码包的压缩，从而减小了项目代码包的体积和占用内存。从而减小了项目代码包的体积和占用内存。从而减小了项目代码包的体积和占用内存。
【技术实现步骤摘要】
项目代码包压缩方法及装置、存储介质及电子设备
[0001]本申请涉及计算机
，尤其涉及一种项目代码包压缩方法及装置、存储介质及电子设备。
技术介绍
[0002]目前，在前端项目开发过程中，为了避免样式的重复，再加上BEM(Block Element Modifier，块元素编辑器)规范的盛行，前端项目开发中的CSS(Cascading Style Sheets，层叠样式表)类名尽可能的语义化，这样带来的问题就是，CSS类名会变得很长，从而导致打包之后项目代码包的体积很大，占用较多的内存，进而导致浏览器无法快速下载项目代码包。
[0003]因此，如何提供一种对项目代码包进行压缩，以减小项目代码包体积和占用内存的技术方案，是目前本领域技术人员亟需解决的技术问题。
技术实现思路
[0004]本申请提供了一种项目代码包压缩方法及装置、存储介质及电子设备，目的在于为实现对项目代码包进行压缩，以减小项目代码包的体积和占用内存。
[0005]为了实现上述目的，本申请提供了以下技术方案：
[0006]一种项目代码包压缩方法，包括：
[0007]获取前端项目的项目信息；所述项目信息包括项目代码或项目代码包，所述项目代码包基于对所述项目代码进行打包得到；
[0008]采集所述项目信息包括的目标文件中的CSS类名；所述目标文件包括各个样式文件或超文本标记语言HTML文件；
[0009]依次对每个CSS类名进行重命名，得到每个CSS类名对应的压缩类名；
[0010]在所述项目信息包括项目代码的情况下，将所述项目代码包括的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，并对替换CSS类名后的项目代码进行打包，得到目标项目代码包；
[0011]在所述项目信息包括项目代码包的情况下，将所述项目代码包包括的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，得到目标项目代码包。
[0012]上述的方法，可选的，在所述目标文件包括各个样式文件的情况下，所述采集所述项目信息包括的目标文件中的CSS类名，包括：
[0013]获取项目信息包括的各个样式文件的文件名；
[0014]基于各个样式文件的文件名，确定采集顺序；
[0015]按照所述采集顺序，依次采集所述项目信息包括的各个样式文件中的CSS类名。
[0016]上述的方法，可选的，所述依次对每个CSS类名进行重命名，得到每个CSS类名对应的压缩类名，包括：
[0017]将各个CSS类名组成类名集合；
[0018]启动计数器开始初始计数；
[0019]将所述类名集合中的第一个CSS类名作为目标CSS类名；
[0020]判断所述计数器当前的计数结果是否大于预设阈值；
[0021]若所述计数器的计数结果不大于预设阈值，则按照字母顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名，若所述计数器的计数大于预设阈值，则按照字母顺序递增规则和数字顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名；
[0022]对所述计数器进行计数增加处理；
[0023]若所述目标CSS类名不为所述类名集合中的最后一个CSS类名，则将所述类名集合中所述目标CSS类名的下一个CSS类名作为新的目标CSS类名，并基于所述新的目标CSS类名，返回执行所述判断所述计数器的计数结果是否大于预设阈值的步骤。
[0024]上述的方法，可选的，所述按照字母顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名，包括：
[0025]基于所述字母顺序递增规则和所述计数器当前的计数结果，确定所述目标CSS类名对应的字母；
[0026]基于所述目标CSS类名对应的字母，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名。
[0027]上述的方法，可选的，所述按照字母顺序递增规则和数字顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名，包括：
[0028]基于所述字母顺序递增规则和所述计数器当前的计数结果，确定所述目标CSS类名对应的字母；
[0029]基于所述数字顺序递增规则和所述计数器当前的计数结果，确定所述目标CSS类名对应的数字；
[0030]基于所述目标CSS类名对应的字母和数字，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名。
[0031]一种项目代码包压缩装置，包括：
[0032]获取单元，用于获取前端项目的项目信息；所述项目信息包括项目代码或项目代码包，所述项目代码包基于对所述项目代码进行打包得到；
[0033]采集单元，用于采集所述项目信息包括的目标文件中的CSS类名；所述目标文件包括各个样式文件或超文本标记语言HTML文件；
[0034]重命名单元，用于依次对每个CSS类名进行重命名，得到每个CSS类名对应的压缩类名；
[0035]第一替换单元，用于在所述项目信息包括项目代码的情况下，将所述项目代码包括的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，并对替换CSS类名后的项目代码进行打包，得到目标项目代码包；
[0036]第二替换单元，用于在所述项目信息包括项目代码包的情况下，将所述项目代码包包括的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，得到目标项目代码包。
[0037]上述的装置，可选的，在所述目标文件包括各个样式文件的情况下，所述采集单元具体用于：
[0038]获取项目信息包括的各个样式文件的文件名；
[0039]基于各个样式文件的文件名，确定采集顺序；
[0040]按照所述采集顺序，依次采集所述项目信息包括的各个样式文件中的CSS类名。
[0041]上述的装置，可选的，所述重命名单元具体用于：
[0042]将各个CSS类名组成类名集合；
[0043]启动计数器开始初始计数；
[0044]将所述类名集合中的第一个CSS类名作为目标CSS类名；
[0045]判断所述计数器当前的计数结果是否大于预设阈值；
[0046]若所述计数器的计数结果不大于预设阈值，则按照字母顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名，若所述计数器的计数大于预设阈值，则按照字母顺序递增规则和数字顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名；
[0047]对所述计数器进行计数增加处理；
[0048]若所述目标CSS类名不为所述类名集合中的最后一个CSS类名，则将所述类名集合中所述目标CSS类名的下一个本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种项目代码包压缩方法，其特征在于，包括：获取前端项目的项目信息；所述项目信息包括项目代码或项目代码包，所述项目代码包基于对所述项目代码进行打包得到；采集所述项目信息包括的目标文件中的CSS类名；所述目标文件包括各个样式文件或超文本标记语言HTML文件；依次对每个CSS类名进行重命名，得到每个CSS类名对应的压缩类名；在所述项目信息包括项目代码的情况下，将所述项目代码包括的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，并对替换CSS类名后的项目代码进行打包，得到目标项目代码包；在所述项目信息包括项目代码包的情况下，将所述项目代码包包括的超文本标记语言HTML文件和各个样式文件中的每个CSS类名替换为每个CSS类名对应的压缩类名，得到目标项目代码包。2.根据权利要求1所述的方法，其特征在于，在所述目标文件包括各个样式文件的情况下，所述采集所述项目信息包括的目标文件中的CSS类名，包括：获取项目信息包括的各个样式文件的文件名；基于各个样式文件的文件名，确定采集顺序；按照所述采集顺序，依次采集所述项目信息包括的各个样式文件中的CSS类名。3.根据权利要求2所述的方法，其特征在于，所述依次对每个CSS类名进行重命名，得到每个CSS类名对应的压缩类名，包括：将各个CSS类名组成类名集合；启动计数器开始初始计数；将所述类名集合中的第一个CSS类名作为目标CSS类名；判断所述计数器当前的计数结果是否大于预设阈值；若所述计数器的计数结果不大于预设阈值，则按照字母顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名，若所述计数器的计数大于预设阈值，则按照字母顺序递增规则和数字顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名；对所述计数器进行计数增加处理；若所述目标CSS类名不为所述类名集合中的最后一个CSS类名，则将所述类名集合中所述目标CSS类名的下一个CSS类名作为新的目标CSS类名，并基于所述新的目标CSS类名，返回执行所述判断所述计数器的计数结果是否大于预设阈值的步骤。4.根据权利要求3所述的方法，其特征在于，所述按照字母顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名，包括：基于所述字母顺序递增规则和所述计数器当前的计数结果，确定所述目标CSS类名对应的字母；基于所述目标CSS类名对应的字母，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名。5.根据权利要求3所述的方法，其特征在于，所述按照字母顺序递增规则和数字顺序递增规则，对所述目标CSS类名进行重命名，得到所述目标CSS类名对应的压缩类名，包括：
基于所述字母顺序递增规则和所述计数器当前的计数结果，确定所...
【专利技术属性】
技术研发人员：沈方启，
申请(专利权)人：湖南快乐阳光互动娱乐传媒有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。