maven html项目自动版本控制(时间戳) com.google.code.maven-replacer-plugin插件 前端代码自动添加版本号

该博客介绍了如何在Maven项目中通过配置pom.xml文件,利用maven-replacer-plugin插件自动为前端的js、css文件添加时间戳版本控制,以实现每次打包时资源文件的版本更新,确保浏览器缓存的刷新。
摘要由CSDN通过智能技术生成

maven项目中 前端添加自动时间戳版本

引用js、css等文件资源时加上版本控制 例如 ?v=2020123112323

例如: html文件中引用js文件

<script src="js/jquery-2.0.2.min.js"></script>

打包编译后会变成

  <script src="js/jquery-2.0.2.min.js?v=2020123112323"></script>

pom.xml 文件中
1、 标签中加上 配置版本号格式 #不加 1 默认为 ?v=20201231-1442

<properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
        <maven.build.timestamp.format>yyyyMMddHHmmss</maven.build.timestamp.format>
    </properties>
    

2、 标签中加上

		<plugin>
             <groupId>com.google.code.maven-replacer-plugin</groupId>
             <artifactId>replacer</artifactId>
             <!--<version>1.5.3</version>-->
             <executions>
                 <execution>
                     <phase>prepare-package</phase>
                     <goals>
                         <goal>replace</goal>
                     </goals>
                 </execution>
             </executions>
             <configuration>
                 <includes>
                     <include>${basedir}/target/classes/templates/**/*.html</include><!--此处为templates文件下所有的目录及目录下的html文件-->
                 </includes>
                 <replacements>
                     <replacement>
                         <token>\.js\"</token><!--引用的script标签-->
                         <value>.js?v=${maven.build.timestamp}\"</value>
                     </replacement>
                     <replacement>
                         <token>\.js\'</token>
                         <value>.js?v=${maven.build.timestamp}\'</value>
                     </replacement>
                     <replacement>
                         <token>\.css\"</token>
                         <value>.css?v=${maven.build.timestamp}\"</value>
                     </replacement>
                     <replacement>
                         <token>\.css\'</token>
                         <value>.css?v=${maven.build.timestamp}\'</value>
                     </replacement>
                 </replacements>

             </configuration>
         </plugin>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值