egret如何引入puremvc第三方库

关于egret接入第三方库的方法,egret也有文档,可参考官方的接入方法接  http://developer.egret.com/cn/github/egret-docs/extension/threes/instructions/index.html。
这里记录一下接入puremvc库的方法,关于puremvc是什么,可以从官网 http://puremvc.org了解,这里我们的重点不在这里,所以不做过多介绍。从这里 https://github.com/PureMVC/puremvc-typescript-multicore-framework可以下载到puremvc的Typescript版本。
根据egret官方文档的介绍,有两种方法引入第三方库,一种是通过egret的标准配置引入,另一种就是直接修改项目的index.html配置。
一、通过直接修改项目的index.html进行配置
首先在项目libs目录下新建一个puremvc(名字可自定)文件夹,但是不要新建在libs/modules下面。将puremvc文件夹bin目录下的所有文件都拷贝到刚才新建的文件夹下面,然后修改项目的index.html,在标签之间引入相应的js文件即可。
egret如何引入puremvc第三方库_第1张图片
这样就配置好了,但是目前却还是没办法用,因为puremvc编译后的js文件加入了AMD模块规范,在egret项目中无法直接使用,因此需要注掉AMD模块声明部分
egret如何引入puremvc第三方库_第2张图片

egret如何引入puremvc第三方库_第3张图片
puremvc-typescript-multicore-1.1.js和 puremvc-typescript-multicore-1.1-min.js都需要注掉AMD模块定义部分,这样就可以使用puremvc库了。
二、标准配置
在项目所在文件夹下,用命令行egret create_lib puremvc创建一个egret库,当然目录路径可以任选,但是最好不要在项目文件夹下创建。将 puremvc文件夹bin目录下的所有文件都拷贝到刚才新建的文件夹下的src目录中,修改刚才库文件夹下的package.json,配置如下
{
	"name": "egret",
	"version": "3.2.2",
	"modules": [
		{
			"name": "puremvc",
			"description": "puremvc",
			"files": [
				"puremvc-typescript-multicore-1.1.d.ts",
				"puremvc-typescript-multicore-1.1-min.js",
				"puremvc-typescript-multicore-1.1.js"
			],
			"root": "src"
		}
	]
}


 
      
 
      
在当前库文件夹下调用egret build编译库,然后修改项目egretProperties.json,modules下增加如下配置
 {
      "name":"puremvc",
      "path":"../puremvc"
 }
编译项目即可自动完成配置,要注意的是这里也是要去掉 puremvc-typescript-multicore-1.1-min.js和puremvc-typescript-multicore-1.1.js中的AMD模块部分的。

你可能感兴趣的:(egret如何引入puremvc第三方库)