看到文章里说直接在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 ?
求教!谢谢啦
1
Sivan 2015-02-13 14:31:45 +08:00 1
不用改 css 文件名。
|
2
xenme 2015-02-13 14:37:40 +08:00
这个应该主要是刷新缓存的目的吧。
|
3
douDouDragon OP @Sivan 那我需要的操作就两步: 1. 在html里面加上版本号. 2. 在服务器上直接用新文件直接覆盖源文件就行了?
|
4
douDouDragon OP @xenme 恩恩, 目的就是这个
|
5
xenme 2015-02-13 14:44:05 +08:00
@douDouDragon 是的,直接覆盖,然后加版本号,让浏览器重新缓存就好了。
|
6
douDouDragon OP @xenme 明白了,谢啦哈
|
7
belin520 2015-02-13 15:05:39 +08:00 2
建议用增加文件MD5方式去部署更新前端资源
app_xxx.js / app_xxx.js 这样每次上线,先上线静态资源,它不会覆盖线上文件,然后再上线html页面,就能切换资源了,如果是?xxxx的形式,无论先上线静态资源还是先上线html,都会导致短暂的出错 文件都是md5戳做非覆盖式发布,静态资源设置10年的强缓存,用户永远不用更新同一个md5戳的文件,性能非常好,缓存策略也非常简单 |
9
douDouDragon OP @belin520 这方法感觉蛮周到的!
但有个小地方还不清楚, 那这样更新的本质,其实是变了源文件的文件名, html也是引用新文件吧? 然后用更新策略去减小对在线用户的影响? |
10
thisnull 2015-02-13 16:27:46 +08:00 1
|
11
belin520 2015-02-13 16:34:25 +08:00
|
12
douDouDragon OP @thisnull 恩,正拜读.
|
13
douDouDragon OP @belin520 恩,玩玩看. 结果你这是硬广告啊. 哈哈
|