【Vite】构建完成后自动生成压缩包

有时候我们需要在项目构建完成后自动生成一个压缩包，以便于我们将构建后的文件方便地分享给他人。这时候我们可以使用 vite-plugin-zip-pack 插件来实现这个功能。

我们可以这样配置 vite.config.js：

import { defineConfig } from 'vite';
import zipPack from 'vite-plugin-zip-pack';
import { name as packageName } from '../package.json';

const getZipFileName = () => {
    return `${packageName}_${new Date()
        .toLocaleString()
        .replace(/\/|:/g, '')
        .replace(/\s/g, '_')}`;
};

export default defineConfig({
    // ... 其他配置
    plugins: [
        // ... 其他插件
        zipPack({ outDir: 'dist', outFileName: `${getZipFileName()}.zip` }),
    ],
});

这样我们在运行 pnpm build 之后，就会在 dist 目录下生成一个压缩包，文件名为项目名称加上当前时间。