关于egret引用第三方库的笔记
博客专区 > flyoahc 的博客 > 博客详情
关于egret引用第三方库的笔记
flyoahc 发表于2年前
关于egret引用第三方库的笔记
  • 发表于 2年前
  • 阅读 3029
  • 收藏 0
  • 点赞 0
  • 评论 0

华为云·免费上云实践>>>   

摘要: egret引用第三方js库

关于egret引用第三方库的笔记


当前我需要使用一个第三方的js库(umeng的js统计):

我创建个UmengAnalysis.js文件,代码如下:

/**
 * Created by haocao on 15/6/25.
 */

var umeng;
(function(umeng){

    function onClickEvent(label,duration){
        onEvent('click',label,duration)
    }

    function onEvent(tag, label, duration) {
        // pc不统计
        if(egret.MainContext.deviceType == egret.MainContext.DEVICE_PC) return;

        prompt("event", JSON.stringify({tag: tag, label: label, duration: duration}));
    }

    function onKVEvent(tag, map, duration) {
        // pc不统计
        if(egret.MainContext.deviceType == egret.MainContext.DEVICE_PC) return;

        map.id = tag;
        map.duration = duration;

        prompt("ekv", JSON.stringify(map));
    }

    umeng.onClickEvent = onClickEvent;
    umeng.onEvent = onEvent;
    umeng.onKVEvent = onKVEvent;

})(umeng || (umeng={}));


然后新建UmengAnalysis.d.ts文件,代码如下:

/**
 * Created by haocao on 15/6/25.
 */
declare module umeng{
    export function onClickEvent(label:string,duration?:number);
    export function onEvent(tag:string, label:string, duration?:number);
    export function onKVEvent(tag:string, map:{}, duration?:number);
}

  


步骤:                                                                                                                                                                    

1.在项目的根目录创建一个 umeng.json 文件,此文件的文件名最好和你的 module名字相同

在 umeng.json 中编写以下配置

{

    "name": "umeng",

    "dependence": ["core"],

    "source":"src/umeng",

    "file_list": [

        "UmengAnalysis.js",

        "UmengAnalysis.d.ts"

    ]

}

注:

name : 模块名称

depencnce : 模块依赖的其他模块的模块名

source : 源代码的路径

file_list : 此模块包括的所有代码,需要包括全部 js 文件、ts 文件以及js文件所对应的.d.ts文件


2.src目录创建,第三方库的文件夹umeng。把js,ts文件放进去。

3.在项目的 egretProperties.json 文件中,添加以下代码:


modules:

[

 {"name":"umeng" , "path":"."}

]


4.执行 egret build -e 就会把模块编译


最后说明:

针对已有js如何封装成ts,具体可以参考egret的源码。这个目前还没有详细的教程,只能自己参考源码。

参考文章:

http://bbs.egret-labs.org/thread-915-1-1.html

标签: egret
共有 人打赏支持
粉丝 13
博文 37
码字总数 15728
×
flyoahc
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: