123

package.json

@@ -34,6 +34,7 @@
     "unocss": "66.1.0-beta.10",
     "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "vite-plugin-imagemin": "^0.6.1"
   }
 }

vite.config.js

@@ -6,6 +6,7 @@ import { VantResolver } from '@vant/auto-import-resolver';
 import { VarletUIResolver } from 'unplugin-vue-components/resolvers'
 import autoImport from 'unplugin-auto-import/vite'
 import UnoCSS from 'unocss/vite'
+import viteImagemin from 'vite-plugin-imagemin'
 // https://vitejs.dev/config/
 export default defineConfig({
   server:{
@@ -22,5 +23,19 @@ export default defineConfig({
     resolvers: [VarletUIResolver(),  autoImport({
       resolvers: [VarletUIResolver({ autoImport: true })]
     })],
-  }),    UnoCSS()],
+  }),    UnoCSS(),    viteImagemin({
+    // 无损压缩配置
+    optipng: {
+      optimizationLevel: 5
+    },
+    // 有损压缩配置
+    pngquant: {
+      quality: [0.8, 0.9],
+      speed: 4
+    },
+    // jpg压缩配置
+    mozjpeg: {
+      quality: 50,
+    }
+  })],
 })