Cocos Creator Web打包去除默认加载，定制Loading页

正常CCC工程目录如下

Web构建后默认名字为 'web-mobile'，在工程目录'build'文件夹内。

打开后如下图红框内就是我们要更改的文件。

1. index.html* 的更改
2. main.js* 的更改
3. splash.png*
4. style-mobile.css* 的更改

Cocos Creator（后续简称 CCC）在打包构建后，都会展示默认显示CCC的LOGO。

CCC的默认启动页可以 直接去除，也可以 更改图标， 删除进度条，或者添加一些 加载动效。

本篇文章介绍的是打包为 Web 形式，构建Android或者iOS不在此介绍。
打开后如下图红框内就是我们要更改的文件。

index.html 工程入口文件
main.js    入口文件引用脚本
splash.png 默认启动展示图
style-mobile.css    移动样式表

 

这其中涉及到一点web前端的知识，html、css等。

更改完毕后，记得拷贝一份保存下来，因为每次CC进行构建后都会将这些文件重写。你总不想构建一次更改一下是吧。
每次构建完毕，将保存的文件复制替换掉就ok啦。
 

更好的方法：

更改完毕后，可以在工程根目录下创建一个文件夹 文件夹命名为 build-templates ，与 build 同级
这个文件夹的意义在于，当工程构建时，会找到这个文件夹，然后判断文件夹内的保留项是否和现在正在构建的版本相同，如果相同那么就会替换相同资源。
比如说 我要构建一个web版本， 那么我在 build-templates 中 新建一个文件夹命名为 web-mobile 将四个文件放入文件夹内。
那么每次构建web的时候，系统都会讲这四个文件复制到你构建好的工程中。
这种方式就很舒服了。
 

 

转载出处：

https://blog.youkuaiyun.com/qq_38269366/article/details/84994586

https://blog.youkuaiyun.com/kuokuo666/article/details/86765328

特别鸣谢！