项目复盘： cocos

项目复盘： cocos

由于项目交付日期比较紧张，有了一次改安装系统文件的失败经历后，我每次发布都手工改文件🐷。
事情是这样的：起先看到文章说修改cocos-creator的dashboard的安装包文件里的模板文件就可以自定义首页，修改标题，去掉cocos-creator的LOGO，更改进度条样式等等。于是找到文件进行修改，结果整个cocos-creator编辑器编译功能都奔溃了。
人工改文件是这样的： 每次cocos-creator编译打包好之后，将自己原先备份好的html,css文件覆盖掉刚刚编译过的文件，再一起上传到服务器上。
出现的问题会是这样： index.html引入的css和js文件都有hash值，所以每次都要改成跟现在打包的一样。
虽然有问题，但是知道自己想要的，我把发布流程写成了文档，每次大概三四步，也能达到预期效果，即使紧急发布，我这边也能从容应对。但是总是不舒服的，能机器脚本干的事情，为什么要我自己亲手干呢？
于是在解决完cocos-creator合成大西瓜游戏实现资源分离，部署CDN后，我开始摸索怎么样简化发布流程上。

先贴上最后的流程：

打包工具

cocos-creator的dashboard工具，不要选择

• MD5 Cache

发布步骤①： 把daxiguabuildweb-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|--assets|--build|--preview-templates(新增这个文件夹）

但是这样仅仅解决的是在编辑器打开浏览器预览的时候，按照这个自定义的文件来显示，但是打包时，编辑器是不会理会这个文件的配置的。
换而言之，编辑器的开发者其实并不想让开发者去为了某个项目去更改编辑器的程序模板，如果你要自定义（甚至想要马上看到效果）你可以选择这种方式，正式编译打包后，再把这个文件夹里面的自定义的html文件、自定义的样式文件等文件去覆盖掉，保持编辑器的稳定性的同时，也提供一种解决自定义内容的思路。