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的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...
最新文章
- Kotlin for 循环使用
- C++ Primer 5th笔记(chap 14 重载运算和类型转换)lambda函数对象
- callbackcallback()到底有什么涵义?
- 【线性查询之间存在相关性误差】差分隐私系统学习记录(七)
- 递归转手动管理栈的非递归
- VC中用到的几种调试输出TRACE的方法及其区别
- Caffe网络结构实现
- 搭建ssm中遇到的问题
- 20行代码简单python爬虫,爬虫实例
- 联想Y720,win10下安装双系统Ubuntu过程遇到的一些问题及解决方法
- 通过matlab实现正交表
- 挨踢人生路 记我的10年18家工作经历
- Word文档粘贴的表格中文字有淡灰色背景的去除方法
- 服务器机房运维监控,新概念机房运维监控三大新理念
- android实现简单弹幕
- 异常值识别和缺失值处理
- 联通家庭宽带开启ipv6
- css 媒体查询 移动端,媒体查询(pc端,移动端不同布局)
- 基于MATLAB Simulink的光伏特性程序,改程序说明了太阳辐射强度、光伏电池温度
- 自定义Dialog弹窗提示
热门文章
- 科普 | 元宇宙 | 体验完“元宇宙入口”,我有点晕
- 自学Python问题记录2:解决画风玫瑰图出现报错No artists with labels found to put in legend.
- 笔记 ngrok 内网穿透及其身份认证 authtoken 配置
- 运维管理系统,效果稳定、可靠运行
- 手机QQ公众号亿级消息实时群发架构
- BZOJ2209 [Jsoi2011]括号序列
- linux下安装安装pcre-8.32 configure: error: You need a C++ compiler for C++ support
- Eclipse崩溃后无法启动的问题解决
- Sea-thru: A Method For Removing Water From Underwater Images论文研读
- C语言经典案例——第三章 函数