Vite配置Gzip_nuxt3使用gzip压缩

下载插件

npm i vite-plugin-compression
1

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', //文件类型
  })
  ],
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

检验是否成功

npm run build
1

看到以下成功标志

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