在看
《Egret与第三方库》
教程中,不少小伙伴们对该教程还有很多不太清晰的地方,以一个简单的例子,给大家参考下。
教程实际就是 , ts与js之间通讯
第一步:
在src目录下,建立一个命名为callJS目录(这个名字随便起),存放js代码和.d.ts接口,.d.ts可以看作ts与js的桥梁
第二步:
建立一个js文件,这里我就随便写点东西吧
var callJS = (function () {
function callJS() {
}
callJS.test = function(){
alert("HelloWorld!!!!");
};
return callJS;
})();
第三步:
建立.d.ts,作为ts与js桥梁,实际也是js与ts之间的翻译者
declare class callJS{
static test();
}
第四步:
在项目根目录建立一个json配置,这里我就随便命名一个叫callJS.json的文件,里面的内容:
{
"name": "callJS",
"dependence": ["core"],
"source":"src/callJS/",
"file_list": [
"callJS.d.ts",
"callJS.js"
]
}
"file_list" 声明的两个文件,就是第二和第三步的内容
第五步:
加入到egretProperties.json中
{
"document_class": "Main",
"modules": [
{
"name": "core"
},
{
"name": "res"
},
{
"name":"callJS","path":"."
}
],
"native": {
"path_ignore": [
]
},
"egret_version":"1.6.0"
}
其中红色部分,callJS 就是第四步建立的 callJS.json文件命名
第六步:
源码中调用
//调用JS
callJS.test();
第七部:
命名egret build -e 编译刚才内容
编译成功后,你会发现,libs目录下会多了一个 callJS目录,里面有三个文件,这三个文件分别就是 第二 ~ 四步 创建的文件。这时运行后,会弹出"Hello World" 提示框。
教程实际就是 , ts与js之间通讯
第一步:
在src目录下,建立一个命名为callJS目录(这个名字随便起),存放js代码和.d.ts接口,.d.ts可以看作ts与js的桥梁
第二步:
建立一个js文件,这里我就随便写点东西吧
var callJS = (function () {
function callJS() {
}
callJS.test = function(){
alert("HelloWorld!!!!");
};
return callJS;
})();
第三步:
建立.d.ts,作为ts与js桥梁,实际也是js与ts之间的翻译者
declare class callJS{
static test();
}
第四步:
在项目根目录建立一个json配置,这里我就随便命名一个叫callJS.json的文件,里面的内容:
{
"name": "callJS",
"dependence": ["core"],
"source":"src/callJS/",
"file_list": [
"callJS.d.ts",
"callJS.js"
]
}
"file_list" 声明的两个文件,就是第二和第三步的内容
第五步:
加入到egretProperties.json中
{
"document_class": "Main",
"modules": [
{
"name": "core"
},
{
"name": "res"
},
{
"name":"callJS","path":"."
}
],
"native": {
"path_ignore": [
]
},
"egret_version":"1.6.0"
}
其中红色部分,callJS 就是第四步建立的 callJS.json文件命名
第六步:
源码中调用
//调用JS
callJS.test();
第七部:
命名egret build -e 编译刚才内容
编译成功后,你会发现,libs目录下会多了一个 callJS目录,里面有三个文件,这三个文件分别就是 第二 ~ 四步 创建的文件。这时运行后,会弹出"Hello World" 提示框。