vue3+vite打包优化

打包压缩通过 vite-plugin-compression 即可，从而减少文件大小，加快页面加载速度。

首先，确保你的项目已经安装了 Vite。然后，通过 npm 或 yarn 安装 vite-plugin-compression：

npm install vite-plugin-compression --save-dev
# 或者
yarn add vite-plugin-compression --dev

然后在  vite.config.js 引入并配置 vite-plugin-compression：

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import compression from 'vite-plugin-compression';

export default defineConfig({
  plugins: [
    vue(),
    compression({
      algorithm: 'gzip', // 压缩算法
      ext: '.gz', // 生成的压缩文件扩展名
    }),
  ],
})

完成后，使用vite构建命令:

npm run build
# 或者
yarn build