在Vue中JSZip根据文档路径生成压缩包文件

JSZip根据文档路径生成压缩包文件

参考自JSZip文档
首先下载JSZip库

npm install jszip or yarn add jszip


const front &＃61; [{directory: &＃39;front/src/api/example&＃39;},{directory: &＃39;front/src/views/example/example1&＃39;},{directory: &＃39;front/src/views/example/single-crud-management&＃39;}
]
function downlaodZip() {// 初始化const zip &＃61; new JSZip()front.forEach((value, index) &＃61;> {zip.file(value.directory &＃43; &＃39;/&＃39; &＃43; index &＃43; &＃39;.txt&＃39;, &＃39;test content&＃39;)})zip.generateAsync({type: &＃39;blob&＃39;}).then(blob &＃61;> {saveAs(blob, &＃39;example.zip&＃39;)}, err &＃61;> {console.error(err)})}


注意&＃xff1a;
saveAs是从filesaver这个库引用的

npm install file-saver or yarn add file-saver


效果如下&＃xff1a;