vite-plugin-compression 开启 gzip

开启 gzip 可以极大的压缩静态资源，对页面加载的速度起到了显著的作用。

使用 vite-plugin-compression 可以 gzip 或 brotli 的方式来压缩资源，这一步需要服务器端的配合，vite 只能帮你打包出 .gz 文件。此插件使用简单，你甚至无需配置参数，引入即可。

安装

yarn add vite-plugin-compression --dev

配置 Vite

build\plugin\index.ts：

// ...
import viteCompression from 'vite-plugin-compression'
export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean, pkg: any) {
  // ...
  if (isBuild) {
    // ...
    // vite-plugin-compression gzip 压缩 生产环境生成 .gz 文件
    vitePlugins.push(
      viteCompression({
        verbose: true,
        disable: false,
        threshold: 10240,
        algorithm: 'gzip',
        ext: '.gz',
      })
    )
  }
  return vitePlugins;
}