[Cocos]Creator v3.8使用node_module的一种解决方案【Web版本】

官方支持的npm包:React App

Cocos creator 如果想像前端一样使用第三方 npm 包一般是有一定的难度,本文提供一种思路,已验证可行。

React部分:

  1. 使用react构建一个工程A【推荐使用create-react-app,这个生成的是client版本,方便使用,生成ts工程使用 npx create-react-app my-app --template typescript】,将需要的包都安装到此工程,安装方式都是 npm install xxx;
  2. 在工程A中封装一个起接口调用作用的类,在App.tsx里对这个类默认实例化或添加实例化接口方法,使用默认实例化需要将实例存储在window里【windows.a = a;】;
  3. yarn build 构建前端静态页面,默认在工程A根目录下的build文件夹里生成,可以测试一下生成的静态页面是否携带了需要的npm包;

Cocos部分:

  1. 打开自己的Cocos工程,菜单栏:Project => Create Web Preview Template 创建预览模板;
  2. 打开自己的Cocos工程,菜单栏:Project => C
  • 23
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GrimRaider

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值