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

html-css031

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

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

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

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

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

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

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

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