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

2014-07-11 07:19:15 +08:00
 akinoniku
因为图片和模板文件是用string写在js里的嘛。。如果还要用CDN,这个情况就更麻烦了,有什么好办法吗。

关键字:AngularJS, Grunt, CDN

十分感谢
7224 次点击
所在节点    前端开发
10 条回复
akinoniku
2014-07-11 07:20:15 +08:00
现在的方案是 grunt-filerev ,但似乎只能替换写在HTML里面的引用
duhastmich
2014-07-11 07:55:07 +08:00
要么就所有静态资源放 /{hash}/ 下, 不过每次发布所有缓存都失效了
lichao
2014-07-11 08:13:29 +08:00
图片也加 hash,background-image:url(/assets/header-aaf6c7d9005006e90c3f19a36a616d43.png);
jsonline
2014-07-11 08:57:52 +08:00
grunt usemin rev
Jeremial
2014-07-11 09:09:00 +08:00
grunt filerev
grunt usemin
http://github.com/jeremial/kman 我写的一个小项目, 里面就用这两个, 可以将css文件中的图片也替换成带有版本号的.
belin520
2014-07-11 09:19:08 +08:00
所以fis的静态资源管理还是非常独特的!
learnshare
2014-07-11 09:44:01 +08:00
文件名后面加 hash:filename.jpg?version=11223344

这种方法如何?
akinoniku
2014-07-12 10:59:18 +08:00
我找到个应该不错的解决方案 https://github.com/karlgoldstein/grunt-html2js
ffx0s
2015-04-27 17:42:36 +08:00
@Jeremial 你好,grunt filerev和 grunt usemin这个我也在用,但是只能替换html里的资源,css文件里的替换不了,貌似是配置错了。官方的文档不是很明白。。还有这个useminPrepare的作用是?
akinoniku
2015-04-28 06:38:11 +08:00
@ffx0s https://github.com/yeoman/grunt-usemin#assetsdirs 看这里,把 css 文件也添加进去就好。
useminPrepare 是用来生成 xxxx:generated 这些 tasks 的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/122072

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX