4、代码压缩的配置

gizp

#安装
npm i vite-plugin-compression -D

#配置
import viteCompression from "vite-plugin-compression";
 plugins: [
    ...
    viteCompression(),
  ],

图片

#安装
npm install vite-plugin-imagemin -D

#配置
import viteImagemin from 'vite-plugin-imagemin'
 plugins: [
   ...
      viteImagemin({
        gifsicle: {
          optimizationLevel: 7,
          interlaced: false,
        },
        optipng: {
          optimizationLevel: 7,
        },
        mozjpeg: {
          quality: 20,
        },
        pngquant: {
          quality: [0.8, 0.9],
          speed: 4,
        },
        svgo: {
          plugins: [
            {
              name: 'removeViewBox',
            },
            {
              name: 'removeEmptyAttrs',
              active: false,
            },
          ],
        },
      }),
    ],