《懒人必修系列》- 三步实现本地打包后自动压缩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"

 

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