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