项⽬复盘:cocos-creator合成⼤西⽠⾃定义⾸页模板、简化发布流程
由于项⽬交付⽇期⽐较紧张,有了⼀次改安装系统⽂件的失败经历后,我每次发布都⼿⼯改⽂件 。
事情是这样的:起先看到⽂章说修改cocos-creator的dashboard的安装包⽂件⾥的模板⽂件就可以⾃定义⾸页,修改标题,去掉cocos-creator的LOGO,更改进度条样式等等。于是到⽂件进⾏修改,结果整个cocos-creator编辑器编译功能都奔溃了。
⼈⼯改⽂件是这样的: 每次cocos-creator编译打包好之后,将⾃⼰原先备份好的html,css⽂件覆盖掉刚刚编译过的⽂件,再⼀起上传到服务器上。
出现的问题会是这样: index.html引⼊的css和js⽂件都有hash值,所以每次都要改成跟现在打包的⼀样。
虽然有问题,但是知道⾃⼰想要的,我把发布流程写成了⽂档,每次⼤概三四步,也能达到预期效果,即使紧急发布,我这边也能从容应对。但是总是不舒服的,能机器脚本⼲的事情,为什么要我⾃⼰亲⼿⼲呢?
于是在解决完后,我开始摸索怎么样简化发布流程上。
先贴上最后的流程:
打包⼯具
cocos-creator的dashboard⼯具,不要选择
MD5 Cache
发布步骤①:把daxigua\build\web-mobile\下所有⽂件上传
发布步骤②:需要替换的⽂件或者新加⼊的⽂件,实现⾃定义企业版本
1. 静态部分(由于没能⽀持正式环境⽤打包模板打包,故⼿⼯改的内容)
替换⽂件: index.html 在h5/pubilisFiles中拉进去(⾃定义的html⽂件)
替换⽂件: style-mobile.css 在h5/pubilisFiles中拉进去(⾃定义的样式⽂件)
2. ⽣产环境需要使⽤cdn加载资源 main.js替换为h5/pubilisFiles/main.js(开发环境不⽤)
结合整个发布步骤来看,就是打包好之后上传,然后替换⽂件,开发环境替换两个,⽣产如果要资源使⽤cdn的话替换三个。
我们来挨个解释:
1. 不要选择MD5 Cache,这样就不⽤去修改⽂件名,和内部引⽤的⽂件名了。
2. ⾃定义的html⽂件⾥⾯,内部引⼊全部不采⽤hash值的⽂件名,根据业务需求,修改收藏图标,标题,进度条。
3. ⾃定义的样式⽂件,style-mobile.css是我们h5⽹页的定制样式,就是为了把去掉cocos-creator的LOGO,更改进度条样式等等。
4. cdn加载资源的话,需要更改资源加载的路径,要修改源码,所以也制作为模板。
5. 另外所有要替换的⽂件都放在项⽬的⼀个⽂件夹中,这样做主要是为了管理公司代码,其他⼈参与项⽬的时候可以按照这些⽂档提
⽰,git⼯作流融⼊项⽬中,也不会有代码的丢失问题,跟其他的项⽬不交叉。
另外官⽅提供了开发环境的,也就是在项⽬中,新增preview-templates
project-folder做好的html怎么发布
|--assets
|--build
|--preview-templates(新增这个⽂件夹)
但是这样仅仅解决的是在编辑器打开浏览器预览的时候,按照这个⾃定义的⽂件来显⽰,但是打包时,编辑器是不会理会这个⽂件的配置的。
换⽽⾔之,编辑器的开发者其实并不想让开发者去为了某个项⽬去更改编辑器的程序模板,如果你要⾃定义(甚⾄想要马上看到效果)你可以选择这种⽅式,正式编译打包后,再把这个⽂件夹⾥⾯的⾃定义的html⽂件、⾃定义的样式⽂件等⽂件去覆盖掉,保持编辑器的稳定性的同时,也提供⼀种解决⾃定义内容的思路。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论