《懒人必修系列》- 三步实现本地打包后自动压缩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"
以上就是所有步骤,如果遇到问题,欢迎留言交流。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体