Vue3 + Vite 项目中利用GZIP和Brotli压缩算法来提升性能

在 Vue 3 + Vite 项目中利用 GZIP 压缩来提升性能，主要的意义在于显著减少文件体积，从而加快传输速度和页面加载速度。GZIP 压缩是一种广泛支持的压缩方法，可以有效地减少 HTTP 响应数据的大小，特别是在网络传输中。以下是一些关键步骤和最佳实践：

1. 安装依赖：
   使用 compression-webpack-plugin 插件来实现 GZIP 压缩。安装该插件：

   npm install compression-webpack-plugin --save-dev
   

2. 配置 Vite：
   在 vite.config.js 中配置 GZIP 压缩插件。例如：

   import {
         defineConfig } from 'vite';
   import CompressionPlugin from 'compression-webpack-plugin';
   
   export default defineConfig({
        
     build: {
        
       //