index.ejs一个使用小技巧

可能还有人不知道,反正我是没搜着相关的文章。勿喷~orz

为了避免cocos加载的开始几秒黑屏
很可能会采用web直接开发一个loading
那么cocos提供了一个很好的index.ejs模板来定制生成后的index.html
定制项目的构建模板

但是
如果我们直接在index.ejs里面编写element代码和loading控制逻辑,显得比较臃肿。
那么
我们可以在index.ejs里写一句如下代码来引入一个同级的文件来扩展。

<script src="./loading.js"></script>

不过
还是需要编写诸如

const div=document.createElement('div');
div.style.width=100px;

之类的繁琐的代码。

因为我很菜,所以这种方式使用了很久TT。
今天才真正注意到ejs,这到底是个什么东西。
了解点击:EJS
了解后才大概看懂了index.ejs里面的相关代码。

于是
我直接同级目录起了个loading.ejs文件
妄想让cocos把我这个文件也搞到index.html里去
所以我在index.ejs里兴致勃勃的写(chao)下(xi)了:

<%- include(loading, {}) %>

果然
构建报错了,提示啥异步函数创建的问题,不过我没能看懂,并且没搜着解决方案。
于是我又试错了几个

<%- include(loading) %>
<%- include(loading); %>
<%- include(./loading.ejs) %>
...

还是不行。像极了我平常解决BUG的思路。

尝试到山穷水尽的时候,工作报告都写完了。
又随意写了一句侥幸的代码

<%- include("loading") %>

竟然
成功了!
看来是之前的loading当成了变量,找不着。要用字符串去标识路径。

所以我的小技巧就是:
如果要定制启动loading。可以编写一个ejs,然后在index.ejs里引入。
并且注意不要完全复制cocos的include语句,因为里面是变量。
我们自己写要加引号来引用文件。

无奈学艺不精,就这点东西还要拿出来分享。希望路过的朋友不要嫌弃。嘻嘻

1赞

为探索点赞

good!!

Mark!

收藏一波!!!