jszip 解压压缩包_一文彻底弄懂jszip中的压缩与解压

本文详细介绍了如何使用jszip库进行压缩和解压操作,包括读取dist目录文件、生成zip包、从CDN获取并解压zip文件,以及将解压资源写入硬盘。在实际应用中,作者强调了处理zip包时应避免使用字符串,推荐使用buffer,以防止乱码问题,并分享了在Node.js环境中需要注意的同步API和buffer使用技巧。
摘要由CSDN通过智能技术生成

最近在做一个类似离线包的需求,平时我们正常工作中是开发完成一个完整的SPA之后打包上线。由于我们暂时没有服务器的资源,所以目前采取的一个方案是把这个SPA打包为一个zip包,然后上传至CDN,别人用的时候直接从CDN拉包然后解压就可以了,这个方案类似于开发一套完整的离线包流程,其中用到了jszip这个在压缩领域最牛的库,其中也遇到了不少坑,特此总结记录一下。

常用API

官方文档已经很详细的给出了各种API的demo,但是只是很简单的demo,与我们开发中遇到的实际场景还是千差万别的,这个库牛逼的地方在于支持各种类型的资源uint8array,blob,arraybuffer,nodebuffer,string等,而且API都是promise风格,所以使用起来非常舒服,简单看几个例子,详情可去看文档;

const zip = new JSZip();

// create a file
zip.file("hello.txt", "Hello World\n");

// create a file and a folder
zip.file("nested/hello.txt", "Hello World\n");
zip.folder("nested").file("hello.txt", "Hello World\n");

// access the file content
zip.file("hello.txt").async("string").then(function (data) {
  // data is "Hello World\n"
});

// remove a file or folder
zip.remove("nes
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值