Cocos Creator之如何使用第三方類庫

一: 注意的原則性問題

        ①, js源碼文件,須要放在assets文件夾中(包括assets中的子文件夾)

        ②, js源碼文件須要設置爲插件

        ③, js對應的.d.ts(申明文件)須要放在assets的同級目錄下(包括同級目錄下的文件夾)

二: 建議 (以jszip第三方類庫爲例)

       1, 對js源碼文件的處理

            ①, 在assets中建一個"libs"文件夾

            ②, 將jszip.js 或者 jszip.min.js 放入 此"libs"文件中.(  我使用jszip.js做爲例子 ), 以下圖所示:

            ③,將jszip.ts做爲插件使用

                 ③-1, 在"資源管理器"中選中"jszip.js"文件

                 ③-2, 在"屬性檢查器"中將"導入爲插件"選項勾上, 以下圖所示:

        2,對.d.ts申明文件的處理

            ①, 在assets的同級目錄下建一個"libs"文件夾

            ②,將jszip.d.ts拷入到此文件夾, 以下:

三:測試

    ①,製做一個配置壓縮包(main_cf.zip), 內容以下:

②,將main_cf.zip放入到 assets/resources/configs文件夾中, 以下圖所示:

③,使用jszip庫,讀取壓縮包中"News.json"的內容

/**
 * 測試獲取壓縮包中的News數據
 */
private getNewsTest(): void{
    let urlStr: string = url.raw('resources/configs/main_cf.zip');//獲取resources動態資源地址
    log( urlStr );
    loader.load({ url: urlStr, type: "binary" }, (err: Error, zipData: ArrayBuffer) => {
        let zip: JSZip = new JSZip( zipData );
        let str: string = zip.file( 'News.json' ).asText();
        log( str );
    });
}

④,結果以下: