如何进行Tree Shaking代码优化

webpack打包中经常会用到Tree Shaking优化,想问下cocos默认的构建流程中会自动去除不使用的方法么?如果没有的话,应该怎么操作去除。

根据chrome的代码覆盖率工具,游戏中操作一遍后,很多cocos相关的库的使用率在60%左右;

同问,不知道 社区有没有人实现出来过

如果这个功能能够实现,真的是如虎添翼,希望有高手分享一下

文档里不是有个说明,未直接使用到的资源不要放到resource包下,引擎会自动根据引用关系打包么?

cocos好像还不支持esm

楼主说的是代码,不是资源

期待大神的到来 :grinning:

没有,cocos 只移除了没被引用的资源,但单个 esm 脚本里的代码构建不会执行 tree-shaking 处理,所有代码块不管有没有用到,都会构建进构建产物。

然而项目构建是 Cocos 编辑器里内置的能力,不开源,所以没法二改加上 tree-shaking 能力。

希望 Pink 能完善这个事项吧,这个太重要了 :joy:

目前官方开源了 cocos-cli ,或许能支持 3.x 的项目构建,可以考虑拿这个去二改(但处于 alpha 阶段,谨慎使用)