Files
nl-blogs/.mimocode/plans/1783312583124-clever-cabin.md
2026-07-11 18:11:59 +08:00

1.1 KiB
Raw Blame History

Plan: Build 自动打包 dist.zip 并覆盖历史文件

现状

  • 项目: Vue 3 + Vite 6, pnpm 管理依赖
  • 当前 build 脚本: "build": "vue-tsc && vite build"
  • 构建输出: dist/ 目录
  • 已有手动创建的 dist.zip 在项目根目录

方案

使用 bestzip 这个轻量 CLI 工具,在 build 命令后自动将 dist/ 打包为 dist.zip,并覆盖旧文件。

步骤

1. 安装 bestzip 作为 devDependency

pnpm add -D bestzip

2. 修改 package.json 的 scripts.build

- "build": "vue-tsc && vite build"
+ "build": "vue-tsc && vite build && bestzip dist.zip dist/*"

bestzip 的行为:

  • 如果 dist.zip 已存在,会自动覆盖
  • dist/ 下所有文件(含子目录)打包进 dist.zip
  • 跨平台支持Windows / macOS / Linux

涉及文件

  • D:\myCode\Ai\Trae\博客\client\package.json — 修改 build 脚本 + 新增依赖

验证方式

pnpm build

构建完成后检查 dist.zip 是否生成且内容正确(包含 index.htmlassets/ 等)。