[发明专利]前端资源打包方法、装置、计算机设备及存储介质

说明书

本发明涉及前端开发技术领域，尤其涉及一种前端资源打包方法、装置、设备及存储介质。该前端资源打包方法获取待打包资源文件和打包配置文件；在生产模式下，执行生产环境对应的gulp构建任务；其中，gulp构建任务对应一任务类型；当任务类型为JS压缩兼容时，对待打包资源文件中的多个JS文件执行合并任务，得到合并后的JS合并文件；对JS合并文件进行语法转换，得到JS转换文件；对JS转换文件执行压缩任务，得到JS压缩文件和待兼容处理的JS压缩文件副本；对JS压缩文件副本中的非兼容对象进行过滤兼容处理，得到JS兼容文件；将JS压缩文件和JS兼容文件输出至输出文件夹中。该前端资源打包方法可有效降低打包时间，且可实现兼容各现代浏览器得目的。

技术领域

本发明涉及前端开发技术领域，尤其涉及一种前端资源打包方法、装置、计算机设备及存储介质。

背景技术

传统的JS文件兼容IE低版本浏览器处理方式一般是使用webpack打包插件中提供的IE兼容配置，使得打包时单独打包出一份支持IE浏览器的代码，以在使用IE低版本浏览器时使用对应JS兼容代码访问。但由于打包IE代码是使用的webpack插件内置的js压缩模块中的IE兼容打配置进行处理，导致在每次进行JS压缩处理时都要单独打包一份专用的兼容文件，极大增加了打包的时间。

发明内容

本发明实施例提供一种前端资源打包方法、装置、计算机设备及存储介质，以解决传统前端资源打包的效率不高的问题。

一种前端资源打包方法，包括：

获取待打包资源文件和打包配置文件，所述打包配置文件包括当前环境和输出文件夹；所述当前环境包括生产模式；

若所述当前环境为生产模式，则执行所述生产环境对应的gulp构建任务；其中，所述gulp构建任务对应一任务类型；

当所述任务类型为JS压缩兼容时，对所述待打包资源文件中的多个JS文件执行合并任务，得到合并后的JS合并文件；

对所述合并后的JS合并文件进行语法转换，得到转换后的JS转换文件；

对所述JS转换文件执行压缩任务，得到压缩后的JS压缩文件和待兼容处理的JS压缩文件副本；

对所述JS压缩文件副本中的非兼容对象进行过滤兼容处理，得到JS兼容文件；

一种前端资源打包装置，包括：

待打包资源文件获取模块，用于获取待打包资源文件和打包配置文件；其中，所述打包配置文件包括当前环境和输出文件夹；所述当前环境包括生产模式；

gulp构建任务执行模块，用于若所述当前环境为生产模式，则执行所述生产环境对应的gulp构建任务；其中，所述gulp构建任务对应一任务类型；

合并模块，用于当所述任务类型为JS压缩兼容时，对所述待打包资源文件中的多个JS文件执行合并任务，得到合并后的JS合并文件；

语法转换模块，用于对所述合并后的JS合并文件进行语法转换，得到转换后的JS转换文件；

压缩模块，用于对所述JS转换文件执行压缩任务，得到压缩后的JS压缩文件和待兼容处理的JS压缩文件副本；

过滤兼容模块，用于对所述JS压缩文件副本中的非兼容对象进行过滤兼容处理，得到JS兼容文件；

输出模块，用于将所述JS压缩文件和所述JS兼容文件输出至所述输出文件夹中。

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述前端资源打包方法的步骤。