[发明专利]一种Less库的封装方法及装置

说明书

技术领域

本发明涉及计算机技术领域，特别是涉及一种Less库的封装方法及装置。

背景技术

随着互联网技术的发展，前端技术发展更新日益加快，尤其是近几年HTML5(HyperText Markup Language 5，第五代超级文本标记语言)技术的发展，使得HTML5在整个互联网世界绽放光彩。在前端技术中，CSS(Cascading Style Sheets，层叠样式表)是前端工作人员工作中不可或缺的一部分，CSS虽然基础但是很重要。然而，在工作中有时候需要编写大量CSS样式表，单纯直接编写CSS不仅耗时耗力而且效果不一定会达到预期效果；这时就需要一种CSS预处理语言，比如Less，在CSS语言的基础上，增加诸如变量、混合、函数等功能，大大简化了CSS的编写，并且降低了CSS的维护成本，让CSS更易维护。然而，Less的编写过程仍然不够简洁，代码编写的效率不高。

在计算机技术中，库函数是把函数放到库里，供别人使用的一种方式。库函数的使用方法是把一些常用的函数编完放到一个文件里，供不同的人进行调用。但是，现有的Less库少，代码结构复杂，复用性低。

发明内容

本发明实施例的目的在于提供一种Less库的封装方法及装置，以简化Less库的代码结构，提高代码的复用性。具体技术方案如下：

本发明实施例公开了一种Less库的封装方法，包括：

根据待实现目标CSS文件的功能，建立多个Less代码子模块，其中，所述多个Less代码子模块之间存在调用关系，每一个Less代码子模块实现所述目标CSS文件的一个或多个功能；

将所述多个Less代码子模块添加至Less文件，生成Less库文件，其中，所述Less库文件用于在编译后生成所述目标CSS文件。

可选的，所述根据待实现目标CSS文件的功能，建立多个Less代码子模块，包括：

建立公用模块，其中，所述公用模块用于实现所述多个Less代码子模块中的至少两个Less代码子模块中的功能；

调用所述公用模块，生成第一类Less代码子模块，其中，所述第一类Less代码子模块包括至少一个Less代码子模块。

可选的，本发明实施例的Less库的封装方法，还包括：

调用所述公用模块和/或、所述第一类Less代码子模块中的至少一个Less代码子模块，生成第二类Less代码子模块，其中，所述第二类Less代码子模块包括一个或多个Less代码子模块。

可选的，所述将所述多个Less代码子模块添加至Less文件，生成Less库文件的步骤，包括：

通过koala软件和sublime编译器编写所述Less文件；或

通过compass编写所述Less文件；或

通过gulp编写所述Less文件，生成Less库文件。

可选的，所述多个Less代码子模块之间存在参数的传递。

本发明实施例还公开了一种Less库的封装装置，包括：

子模块建立模块，用于根据待实现目标CSS文件的功能，建立多个Less代码子模块，其中，所述多个Less代码子模块之间存在调用关系，每一个Less代码子模块实现所述目标CSS文件的一个或多个功能；

Less库文件生成模块，用于将所述多个Less代码子模块添加至Less文件，生成Less库文件，其中，所述Less库文件用于在编译后生成所述目标CSS文件。

可选的，所述子模块建立模块包括：

公用模块建立单元，用于建立公用模块，其中，所述公用模块用于实现所述多个Less代码子模块中的至少两个Less代码子模块中的功能；

第一类Less代码生成单元，用于调用所述公用模块，生成第一类Less代码子模块，其中，所述第一类Less代码子模块包括至少一个Less代码子模块。

可选的，所述子模块建立模块还包括：

第二类Less代码生成单元，用于调用所述公用模块和/或、所述第一类Less代码子模块中的至少一个Less代码子模块，生成第二类Less代码子模块，其中，所述第二类Less代码子模块包括一个或多个Less代码子模块。

可选的，所述Less库文件生成模块，包括：

第一Less编写单元，用于通过koala软件和sublime编译器编写所述Less文件；或

第二Less编写单元，用于通过compass编写所述Less文件；或