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

 

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

  

posted @   KaimZhou  阅读(80)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体
点击右上角即可分享
微信分享提示