vue3.0 + vite打包完成后，将dist下的资源包打包成zip

vue3.0 + vite打包完成之后，自动将dist下的资源包打包成zip
1、vite-plugin-zip-pack 插件
安装插件

npm i -D vite-plugin-zip-pack

修改vite.config.ts，增加plugin

// vite.config.ts
import { defineConfig } from "vite";
import zipPack, { Options as ZipPickOptions } from "vite-plugin-zip-pack";export default defineConfig(({ mode, command }) => {// mode => vite 提供的用于区分环境的变量，可以通过在 script 命令中修改 --mode [模式名] 设置// command => vite 提供的用于区分命令的变量，值为: 'build' | 'serve'const zipPickOptions: ZipPickOptions = {inDir: `dist`, // 生成的web包根目录outFileName: `dist-${mode}.zip` // 生成zip的名称，可自定义}return {plugins: [zipPack(zipPickOptions)],build: {outDir: 'dist'},}
})