feat: production mode compressed image

build/vite/plugin/imagemin.ts

@@ -0,0 +1,34 @@
+import viteImagemin from 'vite-plugin-imagemin';
+
+export function configImageminPlugin() {
+  const plugin = viteImagemin({
+    gifsicle: {
+      optimizationLevel: 7,
+      interlaced: false,
+    },
+    optipng: {
+      optimizationLevel: 7,
+    },
+    webp: {
+      quality: 75,
+    },
+    mozjpeg: {
+      quality: 65,
+    },
+    pngquant: {
+      quality: [0.65, 0.9],
+      speed: 4,
+    },
+    svgo: {
+      plugins: [
+        {
+          removeViewBox: false,
+        },
+        {
+          removeEmptyAttrs: false,
+        },
+      ],
+    },
+  });
+  return plugin;
+}

build/vite/plugin/index.ts

@@ -12,6 +12,7 @@ import { configGzipPlugin } from './gzip';
 import { configStyleImportPlugin } from './styleImport';
 import { configVisualizerConfig } from './visualizer';
 import { configThemePlugin } from './theme';
+import { configImageminPlugin } from './imagemin';
 
 // gen vite plugins
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
@@ -20,9 +21,6 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   // vite-plugin-html
   vitePlugins.push(configHtmlPlugin(viteEnv, isBuild));
 
-  // vite-plugin-pwa
-  vitePlugins.push(configPwaConfig(viteEnv, isBuild));
-
   // vite-plugin-mock
   vitePlugins.push(configMockPlugin(viteEnv, isBuild));
 
@@ -32,14 +30,22 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   // vite-plugin-style-import
   vitePlugins.push(configStyleImportPlugin());
 
-  // rollup-plugin-gzip
-  vitePlugins.push(configGzipPlugin(isBuild));
-
   // rollup-plugin-visualizer
   vitePlugins.push(configVisualizerConfig());
 
   //vite-plugin-theme
   vitePlugins.push(configThemePlugin());
 
+  if (isBuild) {
+    //vite-plugin-imagemin
+    viteEnv.VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
+
+    // rollup-plugin-gzip
+    vitePlugins.push(configGzipPlugin(isBuild));
+
+    // vite-plugin-pwa
+    vitePlugins.push(configPwaConfig(viteEnv));
+  }
+
   return vitePlugins;
 }

build/vite/plugin/pwa.ts

@@ -2,10 +2,10 @@ import { VitePWA } from 'vite-plugin-pwa';
 
 import { ViteEnv } from '../../utils';
 
-export function configPwaConfig(env: ViteEnv, isBulid: boolean) {
+export function configPwaConfig(env: ViteEnv) {
   const { VITE_USE_PWA, VITE_GLOB_APP_TITLE, VITE_GLOB_APP_SHORT_NAME } = env;
 
-  if (VITE_USE_PWA && isBulid) {
+  if (VITE_USE_PWA) {
     // vite-plugin-pwa
     const pwaPlugin = VitePWA({
       manifest: {