解决前端项目安装依赖报错（图片压缩调整）

config/plugin/imageOptimizer.ts

@@ -0,0 +1,11 @@
+/**
+ * Image resource files used to compress the output of the production environment
+ * 图片压缩
+ * https://www.npmjs.com/package/vite-plugin-image-optimizer
+ */
+import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
+
+export default function configImageOptimizerPlugin() {
+  const imageOptimizerPlugin = ViteImageOptimizer();
+  return imageOptimizerPlugin;
+}

config/plugin/imagemin.ts

@@ -1,37 +0,0 @@
-/**
- * Image resource files used to compress the output of the production environment
- * 图片压缩
- * https://github.com/anncwb/vite-plugin-imagemin
- */
-import viteImagemin from 'vite-plugin-imagemin';
-
-export default function configImageminPlugin() {
-  const imageminPlugin = 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,
-        },
-      ],
-    },
-  });
-  return imageminPlugin;
-}

config/vite.config.prod.ts

@@ -3,7 +3,7 @@ import baseConfig from './vite.config.base';
 import configCompressPlugin from './plugin/compress';
 import configVisualizerPlugin from './plugin/visualizer';
 // import configArcoResolverPlugin from './plugin/arcoResolver';
-import configImageminPlugin from './plugin/imagemin';
+import configImageOptimizerPlugin from './plugin/imageOptimizer';
 import createSvgIcon from './plugin/svg-icon';
 
 export default mergeConfig(
@@ -13,7 +13,7 @@ export default mergeConfig(
       configCompressPlugin('gzip'),
       configVisualizerPlugin(),
       // configArcoResolverPlugin(),
-      configImageminPlugin(),
+      configImageOptimizerPlugin(),
       createSvgIcon(true),
     ],
     build: {
@@ -29,5 +29,5 @@ export default mergeConfig(
       chunkSizeWarningLimit: 2000,
     },
   },
-  baseConfig
+  baseConfig,
 );