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

html-css032

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里面 ，声明时间戳。