Vite配置Gzip

下载插件

npm i vite-plugin-compression

vite.config.js进行配置

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

import viteCompression from "vite-plugin-compression";
export default defineConfig({
  plugins: [
    vue(),
    viteCompression({
    verbose: true, // 默认即可
    disable: false, //开启压缩(不禁用)，默认即可
    deleteOriginFile: false, //删除源文件
    threshold: 10240, //压缩前最小文件大小
    algorithm: 'gzip', //压缩算法
    ext: '.gz', //文件类型
  })
  ],
});

检验是否成功

npm run build

看到以下成功标志

dist/assets目录下有gz后缀名的文件