From f4f59fd64dfe631828d537f2cc7dbe478f50d919 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=88=90?= <cheng.zhang2@baozun.com>
Date: Wed, 3 Aug 2022 16:04:18 +0800
Subject: [PATCH] init

---
 src/components/ihead.vue | 30 +++++++++++++++---------------
 vue.config.js            | 32 ++++++++++++++++++++++++++------
 2 files changed, 41 insertions(+), 21 deletions(-)

diff --git a/src/components/ihead.vue b/src/components/ihead.vue
index 93b1609..f027401 100644
--- a/src/components/ihead.vue
+++ b/src/components/ihead.vue
@@ -95,23 +95,23 @@
   </div>
 </template>
 <script>
-import { common } from '../static/common';
+import { common } from '../static/common'
 
 export default {
-    data() {
-        return {
-            menus: window.config.menus,
-        };
-    },
-    mounted: function () {
-        common.init();
-        common.initListeners();
-        common.initHeader();
-        common.initForms();
-        common.initMobileMenu();
-        common.adjustElementsForScreen();
-    },
-};
+  data() {
+    return {
+      menus: window.config.menus
+    }
+  },
+  mounted: function () {
+    common.init()
+    common.initListeners()
+    common.initHeader()
+    common.initForms()
+    common.initMobileMenu()
+    common.adjustElementsForScreen()
+  }
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
diff --git a/vue.config.js b/vue.config.js
index df267ba..00e8095 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -17,21 +17,41 @@ module.exports = {
         config.resolve.alias.set("@", resolve("src"));
         config.resolve.alias.set("_c", resolve("src/components"));
 
+
+        config.module.rule('images').test(/\.(png|jpe?g|gif)(\?.*)?$/).use('url-loader').loader('url-loader').options({
+            limit: 10000,
+            esModule: false,
+            outputPath: "images/"
+        })
+
         config.module.rule('images')
-            .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
+            .test(/\.(png|jpe?g|gif)(\?.*)?$/)
             .use('image-webpack-loader')
             .loader('image-webpack-loader')
             .options({
                 bypassOnDebug: true,
+                mozjpeg: {
+                    progressive: true,
+                    quality: 65
+                },
+                optipng: {
+                    enabled: false,
+                },
+                pngquant: {
+                    quality: [0.65, 0.90],
+                    speed: 4
+                },
+                gifsicle: {
+                    interlaced: false,
+                },
+                webp: {
+                    quality: 75
+                }
             })
 
 
 
-        config.module.rule('images').use('url-loader').loader('url-loader').options({
-            limit: 2,
-            esModule: false,
-            outputPath: "img/"
-        })
+
 
 
     },