一种优化WEB项目前端资源并重新发布war包的方法技术

技术编号:24010134 阅读:26 留言:0更新日期:2020-05-02 01:28
本发明专利技术公开了一种优化WEB项目前端资源并重新发布war包的方法,将图片文件、JS文件及CSS资源文件通过后台处理进行同时压缩,生成war包文件,所述后台包括exp文件夹及工具文件夹,所述exp文件夹包括src文件夹和build文件夹,所述工具文件夹包括压缩工具。本发明专利技术支持压缩工具的扩展,开发者可以根据项目需要,选择最符合自己项目需求的压缩工具。本发明专利技术集成在资源右键的一键发布,方便又简洁,节约大量的维护发布成本。当某些资源不需要压缩的时候,本发明专利技术可以通过配置设置,保证项目的特殊需求。

A method to optimize the front-end resources of Web project and redistribute the war package

【技术实现步骤摘要】
一种优化WEB项目前端资源并重新发布war包的方法
本专利技术涉及计算机领域,尤其涉及一种优化WEB项目前端资源并重新发布war包的方法。
技术介绍
web项目的划分一般为两部分:前端和后端,而影响用户访问的最大部分往往是前端的页面,为了缩短页面的响应时间,改进用户体验,不仅需要提升后端服务的性能,也可以通过一些手段对前端的JS\CSS\图片等资源进行“硬压缩”,从而达到减少网络字节传输,加快页面访问速度,提升用户冲浪体验的目的。图片的压缩一般会以损失图片色彩效果为代价,并极度依赖UI设计师的工作,为了不影响开发者的开发调试,往往还需要在项目中同时存在两个版本的JS\CSS文件,一个未压缩的版本,一个压缩(min或pack)的版本,并在发布时进行筛选,既增加维护成本,又增加发布成本,给开发者带来不小的麻烦。
技术实现思路
本专利技术的目的是针对现有技术的缺陷,提供了一种压缩效果好且可一键发布的优化WEB项目前端资源并重新发布war包的方法。为了实现以上目的,本专利技术采用以下技术方案:一种优化WEB项目前端资源并重新发布war包的方法,将图片文件、JS文件及CSS资源文件通过后台处理进行同时压缩,生成war包文件,所述后台包括exp文件夹及工具文件夹,所述exp文件夹包括src文件夹和build文件夹,所述工具文件夹包括压缩工具。进一步,所述工具夹文件包括pegtran工具、pngout工具、gifsicle工具,所述图片包括jpg图片、png图片、gif图片,通过jpegtran工具、pngout工具、gifsicle工具分别在后台对jpg图片、png图片、gif图片进行无损压缩。进一步,所述工具夹文件包括yuicompressor工具,通过yuicompressor工具在后台对CSS资源文件进行压缩、通过yuicompressor文件在后台对js文件进行语法检查和压缩。进一步,将进行压缩的原始文件放到src文件夹下,进行压缩之后同名文件将生成在build文件夹下。进一步,所述工具夹文件包括jspacker工具和closure-compiler工具。进一步,使用bat批处理的方式对压缩后的war包文件进行重新打包。进一步,使用windows注册表将压缩过程集成到资源右键。采用本专利技术技术方案,本专利技术的有益效果为:与现有技术相比,本专利技术支持压缩工具的扩展,开发者可以根据项目需要,选择最符合自己项目需求的压缩工具。本专利技术集成在资源右键的一键发布,方便又简洁,节约大量的维护发布成本。当某些资源不需要压缩的时候,本专利技术可以通过配置设置,保证项目的特殊需求。附图说明图1是现有技术流程图一。图2是现有技术流程图二。图3是本专利技术提供的一种优化WEB项目前端资源并重新发布war包的方法流程图。具体实施方式结合附图对本专利技术具体方案具体实施例作进一步的阐述。以下通过特定的具体实例说明本专利技术的实施方式,本领域技术人员可由本说明书所揭露的内容轻易地了解本专利技术的其他优点与功效。本专利技术还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本专利技术的精神下进行各种修饰或改变。需说明的是,在不冲突的情况下,以下实施例及实施例中的特征可以相互组合。如图1、2所示,一般的发布方法有两种,一种如图1所示,开发中所需的资源都提供两套,美工提供两套图片,JS提供两套一套开发调试用一套发布用,CSS同样提供两套,然后在发布的时候进行筛选打包;另一种入图2所示,开发的时候只提供一套资源,打包发布前,针对图片和JS、CSS资源进行单独的资源压缩替换,然后进行打包发布。如图3所示,本专利技术提供的一种优化WEB项目前端资源并重新发布war包的方法,将图片文件、JS文件及CSS资源文件通过后台处理进行同时压缩,生成war包文件,所述后台包括exp文件夹及工具文件夹,所述exp文件夹包括src文件夹和build文件夹,所述工具文件夹包括压缩工具。开发和打包均为正常操作,即现有的常规开发,右键点击压缩。所述工具夹文件包括pegtran工具、pngout工具、gifsicle工具,所述图片包括jpg图片、png图片、gif图片,通过jpegtran工具、pngout工具、gifsicle工具分别在后台对jpg图片、png图片、gif图片进行无损压缩。所述工具夹文件包括yuicompressor工具,通过yuicompressor工具在后台对CSS资源文件进行压缩、通过yuicompressor文件在后台对js文件进行语法检查和压缩。将进行压缩的原始文件放到src文件夹下,进行压缩之后同名文件将生成在build文件夹下。所述工具夹文件包括jspacker工具和closure-compiler工具。使用bat批处理的方式对压缩后的war包文件进行重新打包。使用windows注册表将压缩过程集成到资源右键。例如,如果针对XXX.war进行WEB资源优化一键打包发布的话,本方法将对XXX.war包进行拷贝、解压、jpg/png/gif无损压缩、css压缩、js语法检查和压缩、打包等过程,并最终在XXX.war同级目录下生成一个优化的可发布的XXX-Release.war包。其中,jpegtran是指一个开源的JPEG无损转换压缩工具;pngout是指一个对PNG图片进行无损的尺寸优化工具;gifsicle是指一个unix下的处理gif动画图片的命令行工具,它也有Win32下的可执行文件;jspacker是指一个JS代码的压缩工具,中文名为Js压缩专家,可以高效的压缩Javascript脚本文件缩短网页加载时间,可以混淆代码保护知识产权,还可以把多个文件合并压缩;yuicompressor是指一个yahoo开源的,使用纯java编写的,用于压缩JS和CSS文件的工具。注意,上述仅为本专利技术的较佳实施例及所运用技术原理。本领域技术人员会理解,本专利技术不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本专利技术的保护范围。因此,虽然通过以上实施例对本专利技术进行了较为详细的说明,但是本专利技术不仅仅限于以上实施例,在不脱离本专利技术构思的情况下,还可以包括更多其他等效实施例,而本专利技术的范围由所附的权利要求范围决定。本文档来自技高网...

【技术保护点】
1.一种优化WEB项目前端资源并重新发布war包的方法,其特征在于,将图片文件、JS文件及CSS资源文件通过后台处理进行同时压缩,生成war包文件,所述后台包括exp文件夹及工具文件夹,所述exp文件夹包括src文件夹和build文件夹,所述工具文件夹包括压缩工具。/n

【技术特征摘要】
1.一种优化WEB项目前端资源并重新发布war包的方法,其特征在于,将图片文件、JS文件及CSS资源文件通过后台处理进行同时压缩,生成war包文件,所述后台包括exp文件夹及工具文件夹,所述exp文件夹包括src文件夹和build文件夹,所述工具文件夹包括压缩工具。


2.如权利要求1所述的一种优化WEB项目前端资源并重新发布war包的方法,其特征在于,所述工具夹文件包括图片压缩优化工具,所述图片包括jpg图片、png图片、gif图片,通过图片压缩优化工具分别在后台对jpg图片、png图片、gif图片进行无损压缩。


3.如权利要求1所述的一种优化WEB项目前端资源并重新发布war包的方法,其特征在于,所述工具夹文件...

【专利技术属性】
技术研发人员:朱国能
申请(专利权)人:杭州古点网络科技有限公司
类型:发明
国别省市:浙江;33

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1