set alias of custom js libs and style bit fix

Author: mimosafa

src/components/global/header/header.js

@@ -1,6 +1,7 @@
-import media from '../../../js/media';
 import WTokyodoA from '../w-tokyodo-anchor.vue';
 import HamburgerToggle from '../../ui/nav/hamburger-toggle.vue';
+import media from '@js/media';
+import onResize from '@js/onresize';
 
 const speed = 350;
 
@@ -21,14 +22,7 @@ export default {
     this.others = this.$el.querySelector('.header_gnav_other');
 
     this.init();
-
-    let resizeTimer = 0;
-    window.addEventListener('resize', () => {
-      if (resizeTimer) {
-        clearTimeout(resizeTimer);
-      }
-      resizeTimer = setTimeout(this.init, 200);
-    });
+    onResize(this.init);
 
     window.addEventListener('scroll', this.handleScroll);
   },

src/css/core/base/_base.scss

@@ -6,7 +6,7 @@
 html,
 body {
   width: 100%;
-  height: 100%;
+  min-height: 100%;
 }
 body {
   background-color: $_color-base;

src/js/onresize.js

@@ -0,0 +1,9 @@
+export default function (f) {
+  let resizeTimer = 0;
+  window.addEventListener('resize', () => {
+    if (resizeTimer) {
+      clearTimeout(resizeTimer);
+    }
+    resizeTimer = setTimeout(f(), 200);
+  });
+}

webpack.config.js

@@ -61,7 +61,8 @@ module.exports = {
   },
   resolve: {
     alias: {
-      'vue$': 'vue/dist/vue.esm.js'
+      'vue$': 'vue/dist/vue.esm.js',
+      '@js': path.resolve(__dirname, 'src/js')
     }
   },
   plugins: [