教程:Cocos Creator如何给资源打上MD5版本号?

赞赏 2017-08-15

Cocos Creator 是Cocos最新一代的游戏开发者工具,基于 Cocos2d-x、组件化、脚本化、数据驱动、跨平台发布等。Cocos Creator的开发思路是正确的,写起来也更方便快捷,开发效率更高。

但不可免俗的是,总有细枝末节需要开发者自行处理。其中,在发布Web Mobile平台上,就有各种小问题,例如给资源加上MD5版本号,Cocos Creator暂时还不支持。拭目以待本周即将发布的Cocos Creator v1.6正式版本,新增MD5 Cache功能,使用效果待追加评定。


感谢『简书 ID:橡树小屋』友情提供

正常来说,一般页面除了首页的index.html,其他资源都是要添加MD5版本号,1.6内测版确实增加了版本号,但只给图片等资源做了MD5,Cocos2d-js-min.js、main.js并没有加,暂时还不能用啊喂!


官方暂时不支持,只好自己动手丰衣足食了。如果着急要打版本号的小伙伴,不妨参考今天这篇教程。具体思路是通过gulp等构建工具实现。


gulp安装请访问:https://gulpjs.com/
nodejs安装请访问:http://nodejs.org/
另外需要安装gulp相关插件:gulp-rev gulp-rev-collector


思路如下:

  1. 把build/web-mobile/src里面的project.js拷贝到build/web-mobile/,目的是为了匹配main.js里的‘project.js’

  2. 通过gulp-rev给js和png图片打MD5版本号

  3. 通过gulp-rev-collector替换文件原路径到打版本号的路径

gulpfile文件代码:


在命令行里面执行gulp就可以给相应的文件打版本号啦!

对比前后的版本打包情况,执行之前,除了图片,JS和css还是没有加MD5的:


可以看到,css和JS都是没有打MD5的,这个文件发到cdn会导致文件无法更新

执行gulp之后:


JS和css已经打上版本号。

细心的开发者可能看到project.js和图片没有打MD5。这里由于是提供思路,所以不把所有的功能完善,有兴趣的读者可以自己完善。实际上我不会把这几个JS和css打版本号的。最后产出只会把这几个文件合并到index.html中。


完整代码:https://github.com/babyzone2004/cocosMd5

这个示例包含了Cocos Creator图片压缩优化、减少首次文件请求、html压缩、动态更新定制loading图等功能哦。

登陆后阅读全文
阅读 2112 赞赏 0 有用 3 没用 0 收藏 1 分享

   



0 条留言

相关文章

教程|如何在Cocos Creator v1.5中集成 Pomelo?

看 Nantas手把手为你详解 v1.5资源导入导出工作流程

Cocos Creator v1.6使用体验Q&A

教程|如何在Cocos Creator 中完美使用 protobuf.js

Cocos Creator可以用来开发大型MMO吗?

Linux系统如何查看 MySQL 版本号?

Linux 服务器如何隐藏 PHP 版本号?

Cocos Creator 开源游戏集合贴 (源码 视频 在线统统有)

【Cocos Creator与C++知识分享】AnySDK打包微信登录、微信分享

干货|Cocos Creator Zip压缩文件读取分享

有料推荐

这世界欠我一个这样的老公!

高校学生模仿“世界名画”摆拍,可以说是戏精本精了

iPhone X 跌破发行价,苏宁200亿入股恒大 | 财经日日评

果然是高手!这次在日本,特朗普竹杠敲得不是一般狠

资深黄牛现身说法:iPhone X价格秒变不停,就像炒股一样

长一样的双胞胎也能识别?蚂蚁金服发布「眼纹识别」技术

苏联是怎么被阿富汗拖垮的?

美团或入局「分时租赁」共享汽车,王兴要大笔投入「泛出行」领域了? | 36氪独家

你或许被“一盘番茄炒蛋”刷屏了,但有人辛酸,有人质疑

iPhone X发售前夜,黄牛与苹果公司的不安

他的文章

低内存占用、无广告、功能强大又唯美的本地播放器 - Potplayer

从零开始手把手带你全面认识 网易的游戏服务端框架 Pomelo

推荐一款上线 Cocos商店的付费插件——可视化状态机

手把手教你如何优化cocos2d-x手游内存

「新手向」用Cocos Creator也可以轻松做阿拉斗牛

Cocos Creator v1.6支持Camera剔除功能!

Cocos Creator v1.6使用体验Q&A

Cocos Creator可以用来开发大型MMO吗?

教程:Cocos Creator如何给资源打上MD5版本号?

「教程」如何在Cocos Creator中优化首页打开速度

手机扫一扫
分享文章