vue3+vite+gzip打包压缩

1、安装插件

npm i vite-plugin-compression --save-dev

2、vite.config.js 配置

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
// gzip压缩
import viteCompression from "vite-plugin-compression";
const path = require("path");

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    viteCompression(),
  ],
  define: {
    "process.env": {},
  },
  resolve: {
    // 配置路径别名
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});

 代码压缩前

 

代码压缩后

 

3、nginx 支持 gzip

宝塔linux面板nginx配置gzip