CSS编译方法、样式更新方法、装置、介质及设备与流程

技术特征：
1.一种css编译方法，其特征在于，所述方法包括：获取样式表对应的源文件，其中，所述源文件中的代码为基于css扩展语言编写的；基于所述源文件对应的代码类型，确定所述源文件中的目标变量信息，其中所述目标变量信息包含目标变量以及所述目标变量之间的关联关系；基于所述目标变量之间的关联关系对所述源文件进行编译，获得所述源文件对应的css文件和映射文件，其中，所述css文件中包含每一所述目标变量对应的css变量，所述映射文件中包含所述css变量之间的映射关系。2.根据权利要求1所述的方法，其特征在于，所述基于所述源文件对应的代码类型，确定所述源文件中的目标变量信息，包括：根据所述源文件对应的代码类型的语言规则，提取所述源代码中的目标变量的变量名称；根据所述源文件对应的抽象语法树和所述目标变量，确定所述目标变量之间的关联关系。3.根据权利要求1所述的方法，其特征在于，所述基于所述目标变量之间的关联关系对所述源文件进行编译，获得所述源文件对应的css文件和映射文件，包括：基于css对应的样式表规则和所述目标变量，生成每一所述目标变量对应的css变量；根据所述目标变量之间的关联关系，确定每一所述css变量的取值以添加至所述css文件中；根据所述目标变量之间的关联关系，生成所述目标变量对应的css变量之间的映射关系，并将所述映射关系和所述css变量映射存储至所述映射文件。4.根据权利要求1所述的方法，其特征在于，所述源代码中还包括应用所述目标变量的样式定义；所述基于目标变量之间的关联关系对所述源文件进行编译，获得所述源文件对应的css文件和映射文件，包括：针对所述源代码中的所述样式定义，将所述样式定义中的目标变量替换为所述目标变量对应的css变量的引用函数，获得css样式定义，并将所述css样式定义添加至css文件中。5.根据权利要求4所述的方法，其特征在于，所述基于目标变量之间的关联关系对所述源文件进行编译，获得所述源文件对应的css文件和映射文件，还包括：若获得的所述css样式定义中的标签对应的css变量的引用函数为多个，则基于所述标签对应的css的样式表规则生成多个子标签；根据每一所述子标签对应的css的样式表规则和所述标签对应的多个css变量的引用函数，确定每一所述子标签对应的css变量的引用函数；将所述css样式定义中所述标签和所述标签对应的css变量的引用函数替换为所述每一子标签和所述子标签对应的css变量的引用函数，获得更新后的css文件。6.根据权利要求1所述的方法，其特征在于，所述css扩展语言为less语言或scss语言，所述映射文件为json文件。7.一种css样式更新方法，其特征在于，所述方法包括：响应于目标应用程序中选择的目标样式，获得所述目标样式下各个css变量的目标取值，其中所述目标应用程序的代码文件中包含css文件和映射文件，所述css文件和所述映
射文件是基于权利要求1-6中任一项所述的css编译方法编译生成的；针对所述目标样式下的每一css变量，将所述css文件中与该css变量对应的取值更新为所述目标取值；针对所述目标样式下的每一css变量，根据所述css变量的目标取值和所述映射文件，确定所述css文件中与所述css变量关联的关联css变量的更新取值，并将所述css文件中所述关联css变量的取值更新为所述更新取值。8.一种css编译装置，其特征在于，所述装置包括：第一获取模块，用于获取样式表对应的源文件，其中，所述源文件中的代码为基于css扩展语言编写的；确定模块，用于基于所述源文件对应的代码类型，确定所述源文件中的目标变量信息，其中所述目标变量信息包含目标变量以及所述目标变量之间的关联关系；编译模块，用于基于所述目标变量之间的关联关系对所述源文件进行编译，获得所述源文件对应的css文件和映射文件，其中，所述css文件中包含每一所述目标变量对应的css变量，所述映射文件中包含所述css变量之间的映射关系。9.一种css样式更新装置，其特征在于，所述装置包括：第二获取模块，用于响应于目标应用程序中选择的目标样式，获得所述目标样式下各个css变量的目标取值，其中所述目标应用程序的代码文件中包含css文件和映射文件，所述css文件和所述映射文件是基于权利要求1-6中任一项所述的css编译方法编译生成的；第一更新模块，用于针对所述目标样式下的每一css变量，将所述css文件中与该css变量对应的取值更新为所述目标取值；第二更新模块，用于针对所述目标样式下的每一css变量，根据所述css变量的目标取值和所述映射文件，确定所述css文件中与所述css变量关联的关联css变量的更新取值，并将所述css文件中所述关联css变量的取值更新为所述更新取值。10.一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现权利要求1-7中任一项所述方法的步骤。11.一种电子设备，其特征在于，包括：存储装置，其上存储有计算机程序；处理装置，用于执行所述存储装置中的所述计算机程序，以实现权利要求1-7中任一项所述方法的步骤。

技术总结
本公开涉及一种CSS编译方法、样式更新方法、装置、介质及设备，所述方法包括：获取样式表对应的源文件，其中，所述源文件中的代码为基于CSS扩展语言编写的；基于所述源文件对应的代码类型，确定所述源文件中的目标变量信息，其中所述目标变量信息包含目标变量以及所述目标变量之间的关联关系；基于所述目标变量之间的关联关系对所述源文件进行编译，获得所述源文件对应的CSS文件和映射文件，CSS文件中包含每一所述目标变量对应的CSS变量，映射文件中包含所述CSS变量之间的映射关系。由此可以基于CSS扩展语言下的源文件自动编译出包含CSS变量的CSS文件，无需用户手动编写，降低人工工作量和需要维护的代码数量。工工作量和需要维护的代码数量。工工作量和需要维护的代码数量。


技术研发人员：刘文超
受保护的技术使用者：北京有竹居网络技术有限公司
技术研发日：2022.01.26
技术公布日：2022/5/5