文档章节

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

flyoahc
 flyoahc
发布于 2015/06/25 13:00
字数 404
阅读 3702
收藏 1

关于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

© 著作权归作者所有

共有 人打赏支持
flyoahc
粉丝 12
博文 37
码字总数 15728
作品 0
南京
程序员
Egret之粒子系统

使用Egret土特产Egret Feather粒子编辑器 。 导出流星粒子特效如下如下: 导出2个文件 : 一 , 准备工作 :加入粒子模块 , 粒子系统在第三方库里面。所以需要下载第三方库加入到项目里面 ...

Aonaufly
2017/10/04
0
0
Egret之自定义类库

今天写了一个属性绑定的类库. 步骤如下 : 一 , 新建一个EUI项目,删除Main.ts文件 二 , 发布项目 三 , 新建库项目(bind) egret create_lib bind 得到库项目结构 四,手写bind.d.ts文件为bind....

Aonaufly
2017/10/27
0
0
Egret Engine 3.0.0 发布,HTML5 游戏开发框架

Egret Engine 3.0.0 发布!更新时间:2015年12月25日 概述 Egret Engine 3.0 包含了白鹭时代研发的遵循HTML5标准的2D引擎及全新打造的3D引擎,它解决了HTML5性能问题及碎片化问题,灵活地满足...

oschina
2016/01/12
3.6K
5
HTML5 游戏开发框架--Egret

Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架。Egret Framework的核心定位是开放,高效,优雅。基于它,你可以快速轻松地构建属于自己的HTML5移动游戏。 Eg...

红薯
2014/03/26
31.5K
3
白鹭引擎 5.3.0 正式发布,支持 3D 游戏开发

一直关注白鹭引擎的童靴会发现,今天白鹭引擎先后完成了白鹭引擎5.2.0、白鹭引擎5.3.0两个版本的更迭,在周三发布《白鹭引擎稳定版即将发布,后续路线图同步公开》文中,我们已详细介绍了白鹭...

白鹭科技
05/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS7全局安装composer

1. 下载composer-setup.php到当前目录 php -r "copy('https://install.phpcomposer.com/installer', 'composer-setup.php');" 2. 安装 php composer-setup.php 3. 将composer设置成全局 mv c......

月夜中徘徊
25分钟前
1
0
20180920上课截图

小丑鱼00
31分钟前
1
0
基于TCP的远程服务调用

前言 上篇,分析了基于HTTP方式的RPC调用。本篇将在上篇的基础上,分析基于TCP方式的RPC调用。代码的整体思路是一致的,可以看作是在上篇功能上的扩展——即通信的方式。 代码:https://git...

MarvelCode
34分钟前
1
0
67:shell脚本介绍 | shell脚本结构 | 执行data命令用法 | shell脚本中变量

1、shell脚本介绍: shell是一种脚本语言和传统的开发语言相比,会比较简单: shell有自己语法,可以支持逻辑判断、循环等语法: 可以自定义函数,目的是减少重复的代码: shell是系统命令的集合...

芬野de博客
58分钟前
1
0
json schema

json schema是用来验证和描述json对象结构的。 在线验证:https://www.jsonschemavalidator.net/ json schema 编辑器,推荐VSCode,写上"$schema": "https://raw.githubusercontent.com/jso......

谷永权
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部