本文介绍如何利用Seajs的配置功能，在处理前端版本升级时，通过添加时间戳或版本号，自动过滤和适配文件，避免浏览器缓存旧代码的问题。以/test2.html为例，展示了如何在HTML中应用Seajs配置来实现这一目标。
web前端发版本升级时, 经常发生用户的浏览器缓存了之前的代码, 而没有更新最新的代码
解决办法自然是添加时间戳或版本号, 但文件太多一个一个加会死人的, 所以想出以
seajs.config的map去过滤和适配
/test2.html文件
/module/demo.js文件
[img]http://dl2.iteye.com/upload/attachment/0114/4002/ad649150-589f-3da7-b7f1-9d7f6e99f671.png[/img]
解决办法自然是添加时间戳或版本号, 但文件太多一个一个加会死人的, 所以想出以
seajs.config的map去过滤和适配
/test2.html文件
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8">
<script src="js/sea.js" ></script>
<script>
seajs.config({
base:'/',
alias:{'md': 'module/demo'},
//这里是可以用正则表达式的, 统一匹配.js文件加上时间戳
map:[[/.js$/i,'.js?v='+new Date().getTime()]]
});
seajs.use('md', function(){
console.log('complelte');
});
</script>
</head>
<body>
demo test
</body>
</html>
/module/demo.js文件
define(function(require, exports) {
var a='this is demo.js';
console.log(a);
})
[img]http://dl2.iteye.com/upload/attachment/0114/4002/ad649150-589f-3da7-b7f1-9d7f6e99f671.png[/img]
扫一扫
674
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
