js+ant版本控制,解决js、css缓存问题
来源:互联网 发布:京东大数据是什么 编辑:程序博客网 时间:2024/05/13 05:25
在web开发中js、css文件是常用的脚本文件,但js、css有修改后,浏览器由于缓存机制无法直接获取最新的js,只能通过清理缓存的方式进行,这种冷式暴力解决无法在生成环境中进行,那如何解决?可以通过每次项目打包时对js、css增加版本控制,这里以ant作为打包脚本,将js文件中增加“?v={version}”,在ant中将{version}替换成相应版本,通过版本的方式改变url进而解决js历史版本缓存问题,同时又能够保持浏览器的缓存机制。
将页面的文件增加?v={version},以改变url:
<script src="resources/js/require.js?v={version}"></script>
<script src="assets/scripts/index.js?v={version}" type="text/javascript"></script>
在ant脚本打包脚本中,对目录以及子目录下的js、css版本号进行重置
<property name="appdirHtml" value="src/${appname}/WebRoot/wp"/><target name="finddir" ><echo>检索文件,进行替换js版本</echo><tstamp> <format property="htmlFiltTime" pattern="yyyyMMddHHmmss" offset="0" unit="minute"/> </tstamp><replace dir="${appdirHtml}" includes="**/*.html" encoding="UTF-8"><replacefilter token="{version}" value="${htmlFiltTime}"/></replace></target>
阅读全文
0 0
- js+ant版本控制,解决js、css缓存问题
- gulp.js解决css,js缓存问题
- 96. Spring Boot之静态资源版本映射(解决js/css缓存问题)
- css,js缓存问题
- css、js缓存问题
- [Filter过滤器]解决缓存网站图片,css,js等问题
- 解决缓存引发的CSS/JS/IMG问题
- 解决修改css或js文件,浏览器缓存更新问题。
- 如何解决HTML5页面js,css缓存问题
- jsp中使用随机数解决js、css缓存问题
- ASP.net解决CSS与JS的缓存问题
- 解决修改css或js文件,浏览器缓存更新问题。
- JS:js和css本地缓存问题
- Gulp:静态资源(css,js)版本控制
- js,css 缓存不更新解决
- gulpfile.js自动化解决js、css缓存问题(添加版本号)
- 关于css js文件缓存问题
- js css版本控制在链接后面加一个v=x.x.x,让浏览器缓存新的文件
- java 实用方法系列 Arrays, Objects 里的equals方法
- sklearn之分类决策树
- Spring和Struts整合
- UpdateData()用法
- UVA11988 Broken Keyboard (a.k.a. Beiju Text)【输入输出】
- js+ant版本控制,解决js、css缓存问题
- 常量
- 矩阵、向量求导---Matrix calculus
- struts2通过类.properties文件验证
- 寒冰王座
- 如何进行高效迅速的CodeReview
- Bad operand types for binary operator '&&'
- Eclipse之打开就卡死-yellowcong
- 各个无人超市品牌使用的技术!