wro4j wro.xml_WebJars和wro4j集成
wro4j wro.xml
WebJars是服务器端开发人员(例如谦虚的仆人)在用于服务器端库的同一程序包管理工具中管理客户端资源(如Bootstrap,jQuery等)的简便方法。
本质上,WebJars所做的是将JAR的META-INF / resources中的客户端资源(CSS或JavaScript)的设置版本打包,然后将其上传到Maven Central。 然后,任何兼容Java EE的Web容器都会在静态URL下提供资源。 例如,对于打包META-INF/resources/webjars/bootstrap.3.0.3/js/bootstrap.js
的JAR,可以由webjars/bootstrap/3.0.3/css/bootstrap.css
引用。
大多数提供程序都提供其资源的精简版本,并且将其打包在JAR中,因此使用精简资源是理所当然的事情(当然,如果精简资源是打包在一起的)。 但是,当使用多个WebJars时,这会增加浏览器请求的数量。 在WebJars上下文之外,可以通过使用wro4j轻松实现最小化请求数,该工具可通过预处理器和后处理器列表管理资源的最小化和合并。 较早的文章中已经描述了典型的wro4j用例。
好消息是,可以通过wro4j.xml配置文件轻松集成WebJars和wro4j。 就目前而言,wro4j.xml配置资源合并。 这些资源可能来自各种来源。 通常,它们是内部资源,由它们相对于webapp根的路径引用:
/sample.css
但是,wro4j的功能是能够引用其他类型的资源,包括打包在JAR内的资源:
classpath:META-INF/resources/webjars/bootstrap/3.0.3/css/bootstrap.css
仅通过此配置行,我们就可以将WebJar中的资源与其他资源合并。 从这一点开始,合并的资源可以引用为我们Webapp内部的单个资源。 下面显示了一个wro4j配置文件,该文件从内部sample.css
和Bootstrap WebJar创建了compound.css
文件。
<?xml version="1.0" encoding="UTF-8"?>
<groupsxmlns="http://www.isdc.ro/wro"><groupname="compound"><css> classpath:META-INF/resources/webjars/bootstrap/3.0.3/css/bootstrap.css </css><css> /sample.css </css></group>
</groups>
附件提供了Maven / IntelliJ格式的示例项目。
尽管使用单一JavaScript精简资源(使用CSS的精简资源)可以提高HTTP / 1.1的性能,但HTTP / 2.0似乎并非如此。
翻译自: https://blog.frankel.ch/webjars-and-wro4j-integration/
wro4j wro.xml
wro4j wro.xml_WebJars和wro4j集成相关推荐
- wro4j和maven plugin在编译期间压缩静态资源
优化前: 基本上所有的jsp都引用了这一大坨静态文件: <link rel="stylesheet" type="text/css" href=&quo ...
- wro4j和maven plugin在编译期间压缩静态资源.
优化前: 基本上所有的jsp都引用了这一大坨静态文件: <link rel="stylesheet" type="text/css" href=" ...
- 使用wro4j和maven在编译期间压缩js和css文件
最近在对一个web系统做性能优化. 而对用到的静态资源文件的压缩整合则是前端性能优化中很重要的一环. 好处不仅在于能够减小请求的文件体积,而且能够减少浏览器的http请求数. 因为是基于java的we ...
- 前端资源压缩合并maven插件之wro4j
前端资源压缩合并maven插件之wro4j 原文写于 2014-05-14 https://github.com/kuitos/kuitos.github.io/issues/5 参考文章:前端性能优 ...
- WebJars和wro4j集成
WebJars是服务器端开发人员(例如谦卑的仆人)在用于服务器端库的同一程序包管理工具中管理客户端资源(如Bootstrap,jQuery等)的简便方法. 本质上,WebJars所做的是将JAR的ME ...
- java Web程序使用wro4j合并、压缩js、css等静态资源
在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...
- maven js css 压缩,使用wro4j和maven在编译期间压缩js和css文件(经典)
最近在对一个web系统做性能优化. 而对用到的静态资源文件的压缩整合则是前端性能优化中很重要的一环. 好处不仅在于能够减小请求的文件体积,而且能够减少浏览器的http请求数. 因为是基于java的we ...
- wro4j的js和css压缩技术
最近在对一个web系统做性能优化. 而对用到的静态资源文件的压缩整合则是前端性能优化中很重要的一环. 好处不仅在于能够减小请求的文件体积,而且能够减少浏览器的http请求数. 因为是基于java ...
- js合并压缩 java_Java Web程序使用wro4j合并、压缩js、css等静态资源
在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...
最新文章
- 【跃迁之路】【725天】程序员高效学习方法论探索系列(实验阶段482-2019.2.15)...
- python带我起飞 豆瓣评分_你听过后觉得爽到飞起的电音是哪一首?
- quartz异常:Couldn't rollback jdbc connection
- 石墨变为石墨烯的方法
- spring中的ReflectionUtil
- java 实例化 bean,Spring(02)——bean实例化
- android SQLite查询并显示用户输入的选择信息
- gj12-2 协程和异步io
- iOS MBProgressHUD 之带底板的加载提示
- phpunit autoload.php,关于php:Composer不会创建所有需要的phpunit包含路径
- php curl显示错误信息,php如何调试curl错误信息
- #C++初学记录(算法测试2019/5/5)(深度搜索)
- php同时使用了ssl tls,phpmqtt ssl tls使用证书 cafile 文件 连接服务器
- 基于LVDS的高速自同步串行传输系统的研究
- 分析一款帮你戒烟的App戒烟行动(kick it)
- 量子力学入门---基本概念
- Ubuntu上aplay不能播放MP3, 使用sox
- 深富策略:“石化双雄”爆发 市场不确定性增大
- SAS和SATA它两的相同点与不同点
- DTL语言学习(一)模板变量和{% if %}标签的使用
热门文章
- freerdp 解压安装_FreeRDP的安装方法
- 西北乱跑娃 --- fastapi设置uvcorn一键运行
- java计算机毕业设计基于springboot+vue+elementUI的旅游网站(源码+数据库+Lw文档)
- 多线程问题之火车票售票
- TZOJ 3315 买火车票(线段树区间最小值)
- 解读Sea Limited新财报:核心业务增速加快,离盈利还有多远?
- 360和360极速浏览器无法打开vue项目的问题
- 迎战618大促 京东技术大“阅兵”
- 滴水逆向——指针07课堂随笔
- 营在微博:企业微博营销实战宝典