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,
-        };
-    },
-    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 -->

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