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

摘要

本发明涉及一种实现前端代码自动优化的方法及系统，包括服务器端将待处理的资源文件和demo文件进行特定扫描；所述资源文件分别进行优化处理；所述图片资源分别进行压缩优化重命名等操作，并逐一对应替换css和js、html文件中所有的引用；所述css、js资源进行按需、按顺序合并压缩，并逐一替换html文件中所有的引用；所述冗余资源文件进行自动清除；所述html文件中资源引用自动优化加载顺序；最终生成压缩包进行版本管理；本发明大大提高了前端代码质量，实现资源统一自动优化，促进版本的统一管理，大大提高了开发效率以及大大降低了和后端开发人员的对接复杂度。

主权项

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的载入顺序，得到优化文件。