Cocos Creator之如何使用第三方类库

一: 注意的原则性问题

        ①, js源码文件,须要放在assets文件夹中(包括assets中的子文件夹)
json

        ②, js源码文件须要设置为插件ide

        ③, js对应的.d.ts(申明文件)须要放在assets的同级目录下(包括同级目录下的文件夹)
测试

二: 建议 (以jszip第三方类库为例)

       1, 对js源码文件的处理
url

            ①, 在assets中建一个"libs"文件夹
插件

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

B01.png

            ③,将jszip.ts做为插件使用
ip

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

                 ③-2, 在"属性检查器"中将"导入为插件"选项勾上, 以下图所示:
get

B02.png

        2,对.d.ts申明文件的处理
源码

            ①, 在assets的同级目录下建一个"libs"文件夹

            ②,将jszip.d.ts拷入到此文件夹, 以下:

B03.png

三:测试

    ①,制做一个配置压缩包(main_cf.zip), 内容以下:

B04.png

②,将main_cf.zip放入到 assets/resources/configs文件夹中, 以下图所示:

B05.png

③,使用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 );
    });
}

④,结果以下:

B06.png

相关文章
相关标签/搜索