Vite打包zip并改名为md5sum哈希案例

通常在DevOps CICD流水线部署前端项目时，一般默认都要将dist资源打包为zip，并且把zip名称改为md5sum哈希值(用于文件完整性验证)。

md5sum是什么？

md5sum 是一个在 Unix 和类 Unix 系统（如 Linux）中广泛使用的命令行工具，它主要用于计算和验证文件的 MD5 哈希值。MD5（Message-Digest Algorithm 5）是一种广泛使用的加密哈希函数，可以产生一个128位（16字节）的哈希值（通常以一个32位的十六进制数表示）。md5sum 工具的主要用途包括：

1. 文件完整性验证：通过计算文件的 MD5 哈希值，可以验证文件在传输或存储过程中是否被篡改。如果文件的 MD5 哈希值在传输前后一致，那么可以认为文件在传输过程中未被更改。
2. 软件分发：在软件分发过程中，开发者会提供软件的 MD5 哈希值。用户下载软件后，可以使用 md5sum 计算下载文件的 MD5 哈希值，并与开发者提供的哈希值进行比较，以确保下载的软件包完整且未被篡改。
3. 备份验证：在备份文件或目录时，使用 md5sum 可以为每个备份文件生成一个 MD5 哈希值，并保存这些哈希值。之后，可以通过重新计算备份文件的 MD5 哈希值来验证备份的完整性和一致性。
4. 数据去重：虽然这不是 md5sum 的主要用途，但由于 MD5 哈希值对于相同的输入总是产生相同的输出，因此可以用于快速检测数据集中的重复项。然而，由于 MD5 的安全性问题（如存在碰撞攻击），这种方法在需要高度安全性的场合并不适用。
5. 简单加密：虽然 MD5 并不适合用于加密（因为它是一个单向哈希函数，无法从哈希值恢复原始数据），但在某些简单场景下，MD5 哈希值可以用于生成一种简单的“密码”或校验码，尽管这种方式的安全性较低。

Vite对应代码简单案例：

1,我们使用vite-plugin-zip-pack和crypto插件

npm i vite-plugin-zip-pack -D

npm i crypto -D

2,Vite配置代码

// vite.config.ts
import fs from "fs";
import path from "path";
import crypto from "crypto";

export default defineConfig({
    plugins: [
        //...
        zipPack({
            inDir: "dist",
            outDir: "zip/", // zip存放路径
            outFileName: "dist.zip", // 默认名称为dist
            done: () => {
                // zip路径
                const originPath = "zip/";
                const originFilePath = `${originPath}dist.zip`;
                // 读取zip内容
                const fileContents = fs.readFileSync(originFilePath);
                // 创建哈希对象
                const hash = crypto.createHash("md5");
                // 更新哈希值
                hash.update(fileContents);
                // 计算哈希值，并以16进编码制输出md5sum
                const md5sum = hash.digest("hex");
                // 获取文件扩展名
                const fileExtension = path.extname(originFilePath);
                // 拼接md5新的文件名
                const newFileName = `${originPath}${md5sum}${fileExtension}`;
                fs.rename(originFilePath, newFileName, (err) => {
                    if (err) throw err;
                    console.log("文件已重命名");
                    // 需要删除旧包 就加上这句逻辑。不用的话 那就不加了
                    fs.readdir(originPath, (error, files) => {
                        if (error) throw error;
                        (files || []).forEach((element) => {
                            if (element !== path.basename(newFileName)) {
                                // 删除旧zip
                                fs.unlink(
                                    path.join(originPath, element),
                                    (unlinkErr) => {
                                        if (unlinkErr) throw unlinkErr;
                                        console.log(element + "旧包已删除");
                                    },
                                );
                            }
                        });
                    });
                });
            },
        }),
    ],
});