refactor: 使用 vite-plugin-archiver 插件代替框架存档功能

Author: hooray

package.json

@@ -57,7 +57,6 @@
     "@unocss/eslint-plugin": "^0.62.3",
     "@vitejs/plugin-vue": "^5.1.3",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
-    "archiver": "^7.0.1",
     "autoprefixer": "^10.4.20",
     "boxen": "^8.0.1",
     "bumpp": "^9.5.2",
@@ -90,6 +89,7 @@
     "unplugin-vue-components": "^0.27.4",
     "vite": "^5.4.2",
     "vite-plugin-app-loading": "^0.3.0",
+    "vite-plugin-archiver": "^0.1.1",
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-compression2": "^1.2.0",
     "vite-plugin-fake-server": "^2.1.1",

pnpm-lock.yaml

@@ -1,7 +1,5 @@
 import path from 'node:path'
 import process from 'node:process'
-import fs from 'node:fs'
-import dayjs from 'dayjs'
 import type { PluginOption } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -11,17 +9,13 @@ import Unocss from 'unocss/vite'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import { vitePluginFakeServer } from 'vite-plugin-fake-server'
 import { compression } from 'vite-plugin-compression2'
-import archiver from 'archiver'
+import Archiver from 'vite-plugin-archiver'
 import AppLoading from 'vite-plugin-app-loading'
 import TurboConsole from 'unplugin-turbo-console/vite'
 import banner from 'vite-plugin-banner'
 import boxen from 'boxen'
 import picocolors from 'picocolors'
 
-function sleep(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms))
-}
-
 export default function createVitePlugins(viteEnv, isBuild = false) {
   const vitePlugins: (PluginOption | PluginOption[])[] = [
     vue(),
@@ -67,35 +61,15 @@ export default function createVitePlugins(viteEnv, isBuild = false) {
     }),
 
     // https://github.com/nonzzz/vite-plugin-compression
-    isBuild && viteEnv.VITE_BUILD_COMPRESS.split(',').includes('gzip') && compression(),
-    isBuild && viteEnv.VITE_BUILD_COMPRESS.split(',').includes('brotli') && compression({
+    viteEnv.VITE_BUILD_COMPRESS?.split(',').includes('gzip') && compression(),
+    viteEnv.VITE_BUILD_COMPRESS?.split(',').includes('brotli') && compression({
       exclude: [/\.(br)$/, /\.(gz)$/],
       algorithm: 'brotliCompress',
     }),
 
-    (function () {
-      let outDir: string
-      return {
-        name: 'vite-plugin-archiver',
-        apply: 'build',
-        configResolved(resolvedConfig) {
-          outDir = resolvedConfig.build.outDir
-        },
-        async closeBundle() {
-          if (['zip', 'tar'].includes(viteEnv.VITE_BUILD_ARCHIVE)) {
-            await sleep(1000)
-            const archive = archiver(viteEnv.VITE_BUILD_ARCHIVE, {
-              ...(viteEnv.VITE_BUILD_ARCHIVE === 'zip' && { zlib: { level: 9 } }),
-              ...(viteEnv.VITE_BUILD_ARCHIVE === 'tar' && { gzip: true, gzipOptions: { level: 9 } }),
-            })
-            const output = fs.createWriteStream(`${outDir}.${dayjs().format('YYYY-MM-DD-HH-mm-ss')}.${viteEnv.VITE_BUILD_ARCHIVE === 'zip' ? 'zip' : 'tar.gz'}`)
-            archive.pipe(output)
-            archive.directory(outDir, false)
-            archive.finalize()
-          }
-        },
-      }
-    })(),
+    viteEnv.VITE_BUILD_ARCHIVE && Archiver({
+      archiveType: viteEnv.VITE_BUILD_ARCHIVE,
+    }),
 
     AppLoading('loading.html'),