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

虽然现在很多公司都已经实现自动化部署，但有些公司还是手动打包和部署的，原因就不说了，说多了都是泪~

想要实现本地打包，并且自动压缩dist文件夹，只需要三步即可：

1、安装 archiver

npm i archiver -D

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

const fs = require('fs')
const archiver = require('archiver') const archive = archiver('zip', {}) // 源目录路径 const dirpath = 'dist' // 归档文件中的目标路径 const destpath = 'dist' // 输出路径 const outputPath = 'dist.zip' // 如果存在归档文件，先删除 fs.existsSync(outputPath) && fs.unlinkSync(outputPath) archive.pipe(fs.createWriteStream(outputPath)) archive.directory(dirpath, destpath, null).finalize()

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

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

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