《懒人必修系列》- 三步实现本地打包后自动压缩dist文件夹

虽然现在很多公司都已经实现自动化部署，但有些公司还是手动打包和部署的，原因就不说了，说多了都是泪~
想要实现本地打包，并且自动压缩dist文件夹，只需要三步即可：
1、安装 archiver

1. npm i archiver -D

复制代码

2、根目录添加 auto-zip.js 文件，并且复制以下代码

1. const fs = require('fs')
2. const archiver = require('archiver')
4. const archive = archiver('zip', {})
6. // 源目录路径
7. const dirpath = 'dist'
9. // 归档文件中的目标路径
10. const destpath = 'dist'
12. // 输出路径
13. const outputPath = 'dist.zip'
15. // 如果存在归档文件，先删除
16. fs.existsSync(outputPath) && fs.unlinkSync(outputPath)
18. archive.pipe(fs.createWriteStream(outputPath))
20. archive.directory(dirpath, destpath, null).finalize()

复制代码

3、package.json 中修改打包命令

1. "build:prod": "vue-cli-service build && node auto-zip.js"

复制代码

 
以上就是所有步骤，如果遇到问题，欢迎留言交流。
　　

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！