白鹭 创建和使用第三方扩展 TS & JS

注意

第三方库要放到项目根目录外的同级目录或其他位置

第三方库项目与 Egret 项目不能嵌套。请不要在Egret 项目目录下面创建第三方库项目

创建第三方插件 typescript

创建DemoPlugin插件 (记住不要放到根目录,创建后移走)
egret create_lib demots
创建两个目录
mkdir ./demots/bin(可以不手动创建,执行编译时会自动创建)
mkdir ./demots/src
将你写的ts类放到src中,这里我放了一个最简单的代码

class DemoTS {
    public constructor() {
    }
    public output(){
        console.log("I'm Demo TS");
    }
}

编译插件
egret build demots

这里的tsconfig.json不需要更改

{
    "compilerOptions": {
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false,
        "declaration": true,
        "outFile": "bin/demots.js"
    },
    "include": [
        "src"
    ]
}

然后在bin下会生成三个文件,分别是ts接口文件,js文件(ts类转换后),js最小化文件

创建第三方插件 javascript

egret create_lib demojs
创建两个目录
mkdir ./demojs/bin(可以不手动创建,执行编译时会自动创建)
mkdir ./demojs/src
mkdir ./demojs/typings
将js类放到src中,将对应的ts接口放到typings中
修改tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false,
        "declaration": false,
        "outFile": "bin/demots.js",
        "allowJs": true
    },
    "include": [
        "src"
    ]
}

修改package.json, 增加指向typings

{
    "name": "demojs",
    "compilerVersion": "5.2.12",
    "typings":"typings/DemoJs.d.ts"
}

这里增加了allowJs来支持js,我猜想这个参数是不对src下的类文件进行js转换,declaration设置为了false,也就是不通过src中的类产生ts接口,而是靠手动了来处理这个类

原理上来讲,制作插件无非就是把ts的插件自动转换成js插件,并自动生成接口,节省项目编译速度(可以参考)。或者把js类手动增加ts接口

配置

修改项目下的配置文件egretProperties.json (先备份好,别改坏了)
在插件部分增加两个上面建的插件

{
    "name": "demojs",
    "path": "../plugin/demojs"
},
{
    "name": "demots",
    "path": "../plugin/demots"
},

编译

无论添加官方扩展还是第三方扩展,都要执行一下编译
此代码要在项目根目录下编译,这样module下会增加这个插件,lib/module下的文件不是手动放置的
egret build
如果不好用,增加个参数-e
egret build -e

开发使用

在项目中任何类中可以使用

let ts = new DemoTS();
ts.output();

let js = new DemoJs();
js.output();

结果

I'm Demo TS
hello js

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,265评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,078评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,852评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,408评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,445评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,772评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,921评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,688评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,130评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,467评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,617评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,276评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,882评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,740评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,967评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,315评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,486评论 2 348

推荐阅读更多精彩内容