前言

在前端对文件进行打包

一、引入jszip

npm i jszip -S or npm jszip

使用命令引入jszip后，可以全局使用

二、使用步骤

1.使用

代码如下（示例）：

var zip = new JSZip()
      sources.forEach(function (obj) {
        // zip包里面不断塞svg文件
        zip.file(obj)
      })
      // 生成zip文件并下载
      zip
        .generateAsync({
          type: 'blob',
        })
        .then(function (content) {
          // 下载的文件名
          var filename = 'docment.zip'
          // 创建隐藏的可下载链接
          var eleLink = document.createElement('a')
          eleLink.download = filename
          eleLink.style.display = 'none'
          // 下载内容转变成blob地址
          eleLink.href = URL.createObjectURL(content)
          // 触发点击
          document.body.appendChild(eleLink)
          eleLink.click()
          // 然后移除
          document.body.removeChild(eleLink)
        })

总结

例如：以上就是今天要讲的内容，vue项目中引入jszip