關於egret接入第三方庫的方法,egret也有文檔,可參考官方的接入方法接入http://developer.egret.com/cn/github/egret-docs/extension/threes/instructions/index.html。 這裡記錄一下接入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模塊部分的。