[发明专利]一种关于ionic打包压缩及快捷编译的方法

说明书

本发明公开了一种关于ionic打包压缩及快捷编译的方法，其特征在于，包含以下步骤：S1、在开发时，引入ionic3的“懒加载”特性；S2、在开发完成进行相关运行文件打包时，使用ionic提供的‑prod压缩ionic的资源文件；S3、对ionic的资源文件使用uglifyjs进行进一步压缩；S4、使用gzip对web端留在远程的数据包进行压缩；S5、配置过滤器，加载gzip压缩后的带有.gz后缀的文件，解决使用ionic和angular进行跨平台开发时打包过大、加载异常缓慢的问题，提升用户体验舒适度。

技术领域

本发明涉及软件技术领域，特别是一种关于ionic打包压缩及快捷编译的方法。

背景技术

在前端盛行时代，敏捷开发，跨平台开发已经成了客户端及前端工程师的首选，而ionic则在这个背景下营运而生，ionic结合angularjs的特性，专门为客户端及前端开发打造的一个全能框架，当工程师把前端代码写完需要编译成运行时文件时，需要借助打包工具打包，而ionic官方给打包工具并会出现各种因为版本或者其他原因造成打包时消耗时间长或者打包出来的文件很大导致运行时加载非常缓慢，以至于应用在web端时需要加载很久。加载缓慢导致用户无论使用web版还是apk或者ipa都需要等待很久，开发人员在打包时也需要耗费大量时间进行打包等待。

发明内容

本发明的目的在于提供一种关于ionic打包压缩及快捷编译的方法，解决使用ionic和angular进行跨平台开发时打包过大、加载异常缓慢的问题，提升用户体验舒适度。

本发明的上述目的是通过以下技术方案得以实现的：

一种关于ionic打包压缩及快捷编译的方法，包含以下步骤：

S1、在开发时，引入ionic3的“懒加载”特性；

S2、在开发完成进行相关运行文件打包时，使用ionic提供的-prod压缩ionic的资源文件；

S3、对ionic的资源文件使用uglifyjs进行进一步压缩；

S4、使用gzip对web端留在远程的数据包进行压缩；

S5、配置过滤器，加载gzip压缩后的带有.gz后缀的文件。

进一步，所述步骤S1中，还包括在除根路径页面的所有页面添加“懒加载”标识。

进一步，所述步骤S5中，在后台tomact配置过滤器。

综上所述，本发明具有以下有益效果：

(1)、引入ionic3的“懒加载”特性，当运行文件启动时，ionic框架会自动加载非懒加载的html、js、css数据，当用户需要请求“懒加载”页面时，ionic框架在加载对应资源，此步骤从一定程度上减少了很多无用页面引用加载造成的资源臃肿、卡顿程度；

(2)、使用ionic提供的-prod压缩ionic的资源文件，将ionic提供的例子程序由5M压缩至1.2M左右，加载效率大致提升至70％；

(3)、对ionic的资源文件使用uglifyjs进行进一步压缩，在此步骤压缩后，在打包到原数据文件中，基本上app启动或者Web远程加载能在3秒左右完成，符合远程app的要求，大多数项目使用该方法可提升相当高的加载效率和启动效率；