使用基与maven的构建插件在构建阶段压缩css,js并为压缩后的文件追加版本号
来源:互联网 发布:mac百度搜索历史 编辑:程序博客网 时间:2024/05/21 15:00
最近负责公司一个项目框架的搭建,由于我们这边是后端团队,没有专业的前端工程师支持我们,我就在这个搭建过程中遇到了一些前端问题,给大家分享一下。
主要分享点:
- 构建项目时自动在css,js文件名中加入版本号 解决新上线版本时,样式文件在浏览器的缓存问题
- 构建项目时自动压缩css,js资源文件 ,加快样式文件响应速度
buildnumber-maven-plugin
buildnumber 插件可以在maven的某个构建生命周期阶段执行(一般生命周期配置在validate阶段),生成构建的版本号,版本号的形式有3种,
- 如果项目是svn或git管理,可以用当前的管理工具生成的版本号作为插件生成的版本号
- 另外一种最常用的方式是通过构建项目时的时间戳作为buildnum生成的版本号
- 还有一种是自己定义版本生成的格式,这种情况需要自己基于buildnum开发下自己的扩展
下面这是一种以构建项目时的时间错作为版本号的方式,此时在maven的整个构建生命周期,会增加一个环境变量,timestamp,如果需要这个变量,可以通过 ${timestamp} 获得
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>buildnumber-maven-plugin</artifactId>
<version>1.3</version>
<executions>
<execution>
<phase>validate</phase>
<goals>
<goal>create-timestamp</goal>
</goals>
</execution>
</executions>
<configuration>
<format>{0,date,yyyy-MM-dd HH:mm:ss}</format>
<items>
<item>timestamp</item>
</items>
</configuration>
</plugin>
yuicompressor-maven-plugin
yuicompressor插件可以用来压缩js,css文件,是google公司开发的一款基于maven的插件,可以通过配置在maven的某个构建周期中压缩某些目录下的js,css文件, 一般压缩js和css文件后,我们可能还要解决样式文件在浏览器缓存的问题,这时候,上面介绍的buildnum插件就起到它的作用了,我们用${timestamp}作为压缩后文件的后缀 每次有新的样式文件需要构建时,可以更新这些文件的版本号,下面是部分配置,具体配置可以参考这个项目的pom文件,执行mvn install,可以看到执行压缩的log
<plugin> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-plugin</artifactId> <version>1.5.0</version> <executions> <execution> <phase>${assert.compress}</phase> <goals> <goal>compress</goal> </goals> </execution> </executions> <configuration> <!--<nosuffix>true</nosuffix>--> <suffix>.${timestamp}</suffix> <force>true</force> <encoding>utf-8</encoding> <excludes> <exclude>**/*.pack.js</exclude> <exclude>**/compressed.css</exclude> <exclude>**/*.min.css</exclude> <exclude>**/*.min.js</exclude> </excludes> </configuration></plugin>
关于插件具体使用信息请看:http://davidb.github.io/yuicompressor-maven-plugin/index.html
参照code-demo请看:https://github.com/WangJunTYTL/myapp/tree/master/yuicompressor-demo
如果你喜欢请给星哦
0 0
- 使用基与maven的构建插件在构建阶段压缩css,js并为压缩后的文件追加版本号
- 批量压缩js、css文件脚本(使用Ant构建)
- 使用maven插件压缩js和css文件
- 笔记:grunt的构建以及js文件的合成&压缩
- 使用前端构建工具批量为页面中引用的js文件添加版本号的历程
- Maven使用yuicompressor-maven-plugin打包压缩css、js文件
- maven yui插件压缩js,css
- grunt构建&文件合并与压缩
- 使用yuicompressor-maven-plugin压缩js及css文件
- 使用yuicompressor-maven-plugin压缩js及css文件
- 批处理使用WinRAR压缩某类型的文件,一个文件压缩成一个压缩包,压缩后名称与原文件同名,压缩后删除原文件
- 每日构建中增加js的压缩混淆
- maven js css 压缩
- css/js的压缩与还原
- JS压缩与CSS压缩
- grunt构建&文件合并&压缩
- grunt构建&文件合并&压缩
- MAVEN工程的构建与命令使用
- Eclipse下编写C++程序——CDT环境搭建
- Maven 入门
- webview与js交互、webview返回上一层html、webview获取html的title、加载assets下的html文件
- 知道创宇爬虫题--代码持续更新中
- 准备奔向新时代的技术nodejs+express+mongodb+json
- 使用基与maven的构建插件在构建阶段压缩css,js并为压缩后的文件追加版本号
- cygwin和mingw的区别
- JQuery鼠标移动上去显示预览图
- Qtcreator中文输入法不能使用问题
- WEB界面客制化之采购申请审批界面(改OAF的VO.XML文件-上传-重启应用-个性化添加栏位)
- javascript的fn方法
- GNU-makefle (一) 基本介绍
- 黑马程序员-------java基础------多线程
- POJ_3667 线段树+lazy (线段树经典题)