Vite+Vue3打包性能优化 Gzip压缩

安装插件

npm i vite-plugin-compression -D

配置文件

// vite.config.ts 

import viteCompression from 'vite-plugin-compression';

export default () => {
  return {
    plugins: [
        viteCompression({
            threshold: 10240, // 设置只有大于 10kb 的文件才会被压缩, 单位b
            // 其他的属性暂不需要配置，使用默认即可；
            // 详细配置查看 https://github.com/vbenjs/vite-plugin-compression/blob/main/README.zh_CN.md
        })
    ],
  };
};

Gzip 压缩仅对于文本类型的资源有明显提升；对于图片、音频、视频等媒体资源，并不适用。