vite打包后自动将dist文件夹压缩

压缩文件用到的插件是jszip

先写个生成zip的功能。新建一个zip.js文件

//  zip.js
const plugin = function (fileName = 'product2_web', output) {
	const path = require('path')
	if (!output) output = path.resolve(__dirname, '../dist')
	fileName += '.zip'
	const makeZip = function () {
		const path = require('path')
		const fs = require('fs')
		const JSZip = require('jszip')
		const zip = new JSZip()
		const distPath = path.resolve(output)
		// 因为我想压缩包中的dist文件夹层级保留 且重新命名为product2_web 所以这里设置了allFolder  ,如果不要该层级 则直接用zip即可
		let allFolder = zip.folder('product2_web')
		const readDir = function (allFolder, dirPath) {
			// 读取dist下的根文件目录
			const files = fs.readdirSync(dirPath)
			files.forEach((fileName) => {
				const fillPath = path.join(dirPath, './', fileName)
				const file = fs.statSync(fillPath)
				// 如果是文件夹的话需要递归遍历下面的子文件
				if (file.isDirectory()) {
					const dirZip = allFolder.folder(fileName)
					readDir(dirZip, fillPath)
				} else {
					// 读取每个文件为buffer存到zip中
					allFolder.file(fileName, fs.readFileSync(fillPath))
				}
			})
		}
		const removeExistedZip = () => {
			const dest = path.join(distPath, './' + fileName)
			if (fs.existsSync(dest)) {
				fs.unlinkSync(dest)
			}
		}
		const zipDir = function () {
			readDir(allFolder, distPath)
			zip.generateAsync({
				type: 'nodebuffer', // 压缩类型
				compression: 'DEFLATE', // 压缩算法
				compressionOptions: {
					// 压缩级别
					level: 9
				}
			}).then((content) => {
				const dest = path.join(distPath, '../' + fileName)
				removeExistedZip()
				// 把zip包写到硬盘中，这个content现在是一段buffer
				fs.writeFileSync(dest, content)
			})
		}
		removeExistedZip()
		zipDir(distPath)
	}
	return {
		name: 'vite-plugin-auto-zip',
		apply: 'build',
		closeBundle() {
			makeZip()
		}
	}
}
module.exports = plugin

然后在vite.config.ts中配置即可

import myPlugin from './script/zip'
plugins: [
			vue(),
			myPlugin()
		]

打包后就会自动生成product2_web的压缩包

 

 

可配置打包后自动提交git