sass构建CSS时,如何给文件随机加版本号,以防止老文件缓存?

html-css015

sass构建CSS时,如何给文件随机加版本号,以防止老文件缓存?,第1张

1、线上的时候:在模板文件里对css跟js的引入路径后面追加一个类似于常量来做版本号

<link rel="stylesheet" href="style.css?version=20150828" />

2、线下测试的时候:对css跟js的引入路径后面追加随机数,时时刻刻更新,避免缓存影响了调试。

3、线下测试后:升级常量的版本号,把代码更新上去,这样用户的浏览器刷新就用到了新的样式,而又用到了缓存。

给CSS、JS添加版本号可以防止客户端缓存。

比如:<script src="001.js?2015120710"></script>

001.js?2015120710 ?后面的2015120710是当前js的日期。

如果自动添加,建议还是以日期作为版本号,当然也可以通过程序随机生成一组数字或字符。

添加版本号的原因,可能是因为想要强制浏览器不缓存js和css。

1、推荐自动化构工具, webpack之类的,每次写完编译文件,自动生成不同的版本的js,css,当然也有小插件可以做到。

2、就是在?v=时间戳,可以把加载js脚本,统一放在一个js里面 ,声明时间戳。