Revert "build(vite): 先去掉vite-plugin-imagemin插件，有需要自行安装（部分用户安装失败）"

This reverts commit 793547a78daf6f8ed069e4eb1971c08c3d9de5ec.

package.json

@@ -129,6 +129,7 @@
     "unplugin-auto-import": "^0.17.2",
     "vite": "4.1.4",
     "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-imagemin": "^0.6.1",
     "vite-plugin-restart": "^0.4.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",

vite.config.ts

@@ -12,8 +12,7 @@ import ViteRestart from 'vite-plugin-restart'
 import AutoImport from 'unplugin-auto-import/vite'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import viteCompression from 'vite-plugin-compression'
-// vite-plugin-imagemin 插件比较难下载，如果有需要再自行安装
-// import viteImagemin from 'vite-plugin-imagemin'
+import viteImagemin from 'vite-plugin-imagemin'
 import vueSetupExtend from 'vite-plugin-vue-setup-extend'
 import UnoCSS from 'unocss/vite'
 import autoprefixer from 'autoprefixer'
@@ -66,39 +65,39 @@ export default ({ command, mode }) => {
       }),
       viteCompression(), // 会多出一些.gz文件，如xxx.js.gz，这里默认是不会删除xxx.js文件的，如果想删除也可以增加配置
       // 这个图片压缩插件比较耗时，希望仅在生产环境使用
-      // viteImagemin({
-      //   gifsicle: {
-      //     // gif图片压缩
-      //     optimizationLevel: 3, // 选择1到3之间的优化级别
-      //     interlaced: false, // 隔行扫描gif进行渐进式渲染
-      //     // colors: 2 // 将每个输出GIF中不同颜色的数量减少到num或更少。数字必须介于2和256之间。
-      //   },
-      //   optipng: {
-      //     // png
-      //     optimizationLevel: 7, // 选择0到7之间的优化级别
-      //   },
-      //   mozjpeg: {
-      //     // jpeg
-      //     quality: 20, // 压缩质量，范围从0(最差)到100(最佳)。
-      //   },
-      //   pngquant: {
-      //     // png
-      //     quality: [0.8, 0.9], // Min和max是介于0(最差)到1(最佳)之间的数字，类似于JPEG。达到或超过最高质量所需的最少量的颜色。如果转换导致质量低于最低质量，图像将不会被保存。
-      //     speed: 4, // 压缩速度，1(强力)到11(最快)
-      //   },
-      //   svgo: {
-      //     // svg压缩
-      //     plugins: [
-      //       {
-      //         name: 'removeViewBox',
-      //       },
-      //       {
-      //         name: 'removeEmptyAttrs',
-      //         active: false,
-      //       },
-      //     ],
-      //   },
-      // }),
+      viteImagemin({
+        gifsicle: {
+          // gif图片压缩
+          optimizationLevel: 3, // 选择1到3之间的优化级别
+          interlaced: false, // 隔行扫描gif进行渐进式渲染
+          // colors: 2 // 将每个输出GIF中不同颜色的数量减少到num或更少。数字必须介于2和256之间。
+        },
+        optipng: {
+          // png
+          optimizationLevel: 7, // 选择0到7之间的优化级别
+        },
+        mozjpeg: {
+          // jpeg
+          quality: 20, // 压缩质量，范围从0(最差)到100(最佳)。
+        },
+        pngquant: {
+          // png
+          quality: [0.8, 0.9], // Min和max是介于0(最差)到1(最佳)之间的数字，类似于JPEG。达到或超过最高质量所需的最少量的颜色。如果转换导致质量低于最低质量，图像将不会被保存。
+          speed: 4, // 压缩速度，1(强力)到11(最快)
+        },
+        svgo: {
+          // svg压缩
+          plugins: [
+            {
+              name: 'removeViewBox',
+            },
+            {
+              name: 'removeEmptyAttrs',
+              active: false,
+            },
+          ],
+        },
+      }),
     ],
     css: {
       postcss: {