[发明专利]一种实现前端代码自动优化的方法及系统

权利要求书

1.一种实现前端代码自动优化的方法，其特征在于，具体包括以下步骤：

步骤1：获取一个包含多种资源文件的资源文件包；

步骤2：对所述资源文件包中的所有资源文件进行自动扫描，提取其中被使用的资源文件，将被使用的资源文件按照不同类别分别记录成不同数组；

步骤3：分别对不同类别的数组进行同类型优化并重命名，获得优化文件；

步骤4：对优化文件进行多种测试，并输出测试结果报告，根据测试结果报告生成资源优化方案；

步骤5：移除资源文件包中冗余资源，调用资源优化方案生成映射表，并将处理后的资源文件包进行压缩生成资源压缩包；

步骤6：将资源压缩包与版本管理工具对接，实现通过映射表进行版本管理；

其中，所述步骤3具体包括以下步骤：

步骤3.1：判断是否是对应图片资源的数组，如果是，执行步骤3.2；否则，执行步骤3.3；

步骤3.2：对所述数组进行同类型优化并重命名；替换css、js、html中对所述图片的引用；

步骤3.3：扫描html文件所关联的css、js文件，并按顺序和所需进行合并压缩，替换html文件中对css、js文件的引用；并调整css和js的载入顺序，得到优化文件。

2.根据权利要求1所述的一种实现前端代码自动优化的方法，其特征在于，所述步骤1中的资源文件包中包括css、js、html和image类型的资源文件，并且所述多种资源文件之间具备特定的目录层级结构。

3.根据权利要求1-2任一项所述的一种实现前端代码自动优化的方法，其特征在于，所述优化文件包括html文件、css文件和js文件。

4.根据权利要求3所述的一种实现前端代码自动优化的方法，其特征在于，所述步骤4中的测试包括规范测试、性能测试和安全检测。

5.根据权利要求3所述的一种实现前端代码自动优化的方法，其特征在于，所述步骤5中生成的映射表包括缓存映射表和资源映射表。

6.一种实现前端代码自动优化的系统，其特征在于，包括获取模块、扫描模块、优化模块、测试模块、压缩模块和对接模块；

所述获取模块用于获取一个包含多种资源文件的资源文件包；

所述扫描模块用于对所述资源文件包中的所有资源文件进行自动扫描，提取其中被使用的资源文件，将被使用的资源文件按照不同类别分别记录成不同数组；

所述优化模块用于分别对不同类别的数组进行同类型优化并重命名，获得优化文件；

所述测试模块用于对优化文件进行多种测试，并输出测试结果报告，根据测试结果报告生成资源优化方案；

所述压缩模块用于移除资源文件包中冗余资源，调用资源优化方案生成映射表，并将处理后的资源文件包进行压缩生成资源压缩包；

所述对接模块用于将资源压缩包与版本管理工具对接，实现通过映射表进行版本管理；

其中，所述优化模块包括判断模块、重命名模块和扫描替换模块；

所述判断模块用于判断是否是对应图片资源的数组，如果是，触发重命名模块；否则，触发扫描替换模块；

所述重命名模块用于对所述数组进行同类型优化并重命名；替换css、js、html中对所述图片的引用；

所述扫描替换模块扫描html文件所关联的css、js文件，并按顺序和所需进行合并压缩，替换html文件中对css、js文件的引用；并调整css和js的载入顺序，得到优化文件。

7.根据权利要求6所述的一种实现前端代码自动优化的系统，其特征在于，所述获取模块中的资源文件包中包括css、js、html和image类型的资源文件，并且所述多种资源文件之间具备特定的目录层级结构。

8.根据权利要求6-7任一项所述的一种实现前端代码自动优化的系统，其特征在于，所述优化文件包括 html文件、css文件和js文件。