求教问题: 用版本号更新 css 和 js 文件, 具体细节?

[douDouDragon]

看到文章里说直接在html中引用css时, 直接在文件名后面做处理,比如:

原来的引用:
<link rel="stylesheet" type="text/css" media="screen" href="/css/index.css">

更新的引用:
<link rel="stylesheet" type="text/css" media="screen" href="/css/index.css?v=1.1">

问题是, 我只需要在html里面这样处理了, 不用改css源文件的文件名,还是 index.css ?
求教!谢谢啦

[Sivan]

不用改 css 文件名。

[xenme]

这个应该主要是刷新缓存的目的吧。

[douDouDragon]

@Sivan 那我需要的操作就两步: 1. 在html里面加上版本号. 2. 在服务器上直接用新文件直接覆盖源文件就行了?

[douDouDragon]

@xenme 恩恩, 目的就是这个

[xenme]

@douDouDragon 是的，直接覆盖，然后加版本号，让浏览器重新缓存就好了。

[douDouDragon]

@xenme 明白了,谢啦哈

[belin520]

建议用增加文件MD5方式去部署更新前端资源
app_xxx.js / app_xxx.js

这样每次上线，先上线静态资源，它不会覆盖线上文件，然后再上线html页面，就能切换资源了，如果是?xxxx的形式，无论先上线静态资源还是先上线html，都会导致短暂的出错
文件都是md5戳做非覆盖式发布，静态资源设置10年的强缓存，用户永远不用更新同一个md5戳的文件，性能非常好，缓存策略也非常简单

[yushiro]

@belin520 这方法不错

[douDouDragon]

@belin520 这方法感觉蛮周到的!
但有个小地方还不清楚, 那这样更新的本质,其实是变了源文件的文件名, html也是引用新文件吧? 然后用更新策略去减小对在线用户的影响?

[thisnull]

可以看看这篇文章
http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1/
将的就是 @belin520 所说的方案

[belin520]

@douDouDragon 前端工程化当然需要前端工具来实现自动化啦
FIS: http://fis.baidu.com/

欢迎大家入坑！

[douDouDragon]

@thisnull 恩,正拜读.

[douDouDragon]

@belin520 恩,玩玩看. 结果你这是硬广告啊. 哈哈