给 css 和 js 的文件名加 hash 来使旧缓存失效，但这招不能用于在 js 或 css 中引用的静态资源（html 模板和图片之类的）

This topic created in 4329 days ago, the information mentioned may be changed or developed.

因为图片和模板文件是用string写在js里的嘛。。如果还要用CDN，这个情况就更麻烦了，有什么好办法吗。

关键字：AngularJS, Grunt, CDN

十分感谢

10 replies 2015-04-28 06:38:11 +08:00

akinoniku

Jul 11, 2014

现在的方案是 grunt-filerev ，但似乎只能替换写在HTML里面的引用

duhastmich

Jul 11, 2014

要么就所有静态资源放 /{hash}/ 下，不过每次发布所有缓存都失效了

lichao

Jul 11, 2014

图片也加 hash，background-image:url(/assets/header-aaf6c7d9005006e90c3f19a36a616d43.png);

jsonline

Jul 11, 2014 via Android

grunt usemin rev

ik0r

Jul 11, 2014

grunt filerev
grunt usemin
http://github.com/jeremial/kman 我写的一个小项目, 里面就用这两个, 可以将css文件中的图片也替换成带有版本号的.

icanfork

Jul 11, 2014

所以fis的静态资源管理还是非常独特的！

learnshare

Jul 11, 2014

文件名后面加 hash：filename.jpg?version=11223344

这种方法如何？

akinoniku

Jul 12, 2014

ffx0s

Apr 27, 2015

@Jeremial 你好，grunt filerev和 grunt usemin这个我也在用，但是只能替换html里的资源，css文件里的替换不了，貌似是配置错了。官方的文档不是很明白。。还有这个useminPrepare的作用是？

akinoniku

Apr 28, 2015

div class="reply_content">@ffx0s https://github.com/yeoman/grunt-usemin#assetsdirs 看这里，把 css 文件也添加进去就好。
useminPrepare 是用来生成 xxxx:generated 这些 tasks 的