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，在<!--other_libs_files_start-->标签之间引入相应的js文件即可。

<script egret="lib" src="libs/puremvc/puremvc-typescript-multicore-1.1.js" src-release="libs/puremvc/puremvc-typescript-multicore-1.1-min.js"></script>

 

这样就配置好了，但是目前却还是没办法用，因为puremvc编译后的js文件加入了AMD模块规范，在egret项目中无法直接使用，因此需要注掉AMD模块声明部分

 

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模块部分的。

转载于:https://www.cnblogs.com/wxbqiu/p/6053536.html