cocoscreator ts调用js文件

关注

原创最新推荐文章于 2026-09-07 14:45:05 发布 4.3k 阅读 AI 写同款· GEO 优化 ›

protobufjs使用教程，支持proto文件打包成typescript或javascript脚本第二步，创建cocos新项目，在新项目根目录（assets同级目录）下打开命令行。第三步，在项目目录下新建 Proto 目录并定义几个 proto 文件。第六部，在项目目录打开命令行，安装pbjs和pbts。第七部，运行package.json中的两个脚本。第五部，在 package.json 中定义。即可在Protojs文件夹中生成需要的文件。第一步，安装nodejs。将文件导入工程中，即可在工程中引用。并将它写入项目目录下的。并将它写入项目目录下的。第四部，增加默认导出。阅读详情

方法:1 export default 与 import方式，缺点是import只能放在文件前面，不能放到函数里

// TestJs.js文件
var TestJs = cc.class({
    extends: cc.Component,
    
    play(){ 
        console.log('play')    
    }
});
export default TestJs;

// TestTs.ts文件
import TestJS from './TestJs'
@ccclass("TestTS")
export class TestTS extends Component {
    start () {
        let js = new TestJS();
        js.play();
    }
}

方法:2 module.exports和require方式，优点是延时加载，防止代码相互嵌套，require时返回的对象是指向相同的地址的，和lua的require一致的

// TestJs.js文件
let TestJs = cc.Class({
    play() {
        console.log('play')
    }
});
module.exports = new TestJs();

// TestTs.ts文件
@ccclass("TestTS")
export class TestTS extends Component {
    start () {
        // @ts-ignore
        let TestJS = require("TestJS") // 无需具体路径
        TestJS.play();
    }
}

收录于