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'
},
}
})