vite+vue3配置Gzip打包压缩性能优化

安装依赖

npm install vite-plugin-compression -D

使用依赖

import viteCompression from 'vite-plugin-compression'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'



// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    viteCompression({
      filter: /.(js|css|html|json|mjs|png|jpg|jpeg|svg)$/i  // 这些文件都要压缩
    }),
  ]
})

效果

npm run build之后你看你的dist目录，会有.gz文件：

到此前端需要配置的已经完成，需要服务器也配置Gzip