init

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,
+      menus: window.config.menus
-        };
+    }
   },
   mounted: function () {
-        common.init();
+    common.init()
-        common.initListeners();
+    common.initListeners()
-        common.initHeader();
+    common.initHeader()
-        common.initForms();
+    common.initForms()
-        common.initMobileMenu();
+    common.initMobileMenu()
-        common.adjustElementsForScreen();
+    common.adjustElementsForScreen()
-    },
+  }
-};
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->

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/"
-        })
 
 
     },