From 4e91e81e455514bd5fa29e6b64ed14670e9b1203 Mon Sep 17 00:00:00 2001
From: "hubery.wang" <hbrwang@outlook.com>
Date: Wed, 9 Dec 2020 22:34:00 +0800
Subject: [PATCH] optimize packaging

---
 web/.env.dev-frpc                             |  2 +-
 web/.env.dev-frps                             |  2 +-
 web/.env.frpc                                 |  2 +-
 web/.env.frps                                 |  2 +-
 web/src/components/AdminLayout/index.vue      |  2 -
 .../AdminLayout/mixin/ResizeHandler.js        | 45 -------------------
 web/vue.config.js                             |  1 +
 7 files changed, 5 insertions(+), 51 deletions(-)
 delete mode 100644 web/src/components/AdminLayout/mixin/ResizeHandler.js

diff --git a/web/.env.dev-frpc b/web/.env.dev-frpc
index 47f92706..e5fd0659 100644
--- a/web/.env.dev-frpc
+++ b/web/.env.dev-frpc
@@ -1,2 +1,2 @@
-ENV = 'development'
+NODE_ENV = 'development'
 VUE_APP_TYPE = 'frpc'
\ No newline at end of file
diff --git a/web/.env.dev-frps b/web/.env.dev-frps
index a8aa0029..0b6a83dc 100644
--- a/web/.env.dev-frps
+++ b/web/.env.dev-frps
@@ -1,2 +1,2 @@
-ENV = 'development'
+NODE_ENV = 'development'
 VUE_APP_TYPE = 'frps'
diff --git a/web/.env.frpc b/web/.env.frpc
index 9010c558..cb2972c7 100644
--- a/web/.env.frpc
+++ b/web/.env.frpc
@@ -1,2 +1,2 @@
-ENV = 'production'
+NODE_ENV = 'production'
 VUE_APP_TYPE = 'frpc'
\ No newline at end of file
diff --git a/web/.env.frps b/web/.env.frps
index 15deab83..93b06140 100644
--- a/web/.env.frps
+++ b/web/.env.frps
@@ -1,2 +1,2 @@
-ENV = 'production'
+NODE_ENV = 'production'
 VUE_APP_TYPE = 'frps'
\ No newline at end of file
diff --git a/web/src/components/AdminLayout/index.vue b/web/src/components/AdminLayout/index.vue
index 9bb7e402..c24e717b 100644
--- a/web/src/components/AdminLayout/index.vue
+++ b/web/src/components/AdminLayout/index.vue
@@ -13,7 +13,6 @@
 
 <script>
 import { Navbar, Sidebar, AppMain } from './components'
-import ResizeMixin from './mixin/ResizeHandler'
 
 export default {
   name: 'Layout',
@@ -22,7 +21,6 @@ export default {
     Sidebar,
     AppMain
   },
-  mixins: [ResizeMixin],
   computed: {
     sidebar() {
       return this.$store.state.app.sidebar
diff --git a/web/src/components/AdminLayout/mixin/ResizeHandler.js b/web/src/components/AdminLayout/mixin/ResizeHandler.js
deleted file mode 100644
index e8d0df8c..00000000
--- a/web/src/components/AdminLayout/mixin/ResizeHandler.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import store from '@/store'
-
-const { body } = document
-const WIDTH = 992 // refer to Bootstrap's responsive design
-
-export default {
-  watch: {
-    $route(route) {
-      if (this.device === 'mobile' && this.sidebar.opened) {
-        store.dispatch('app/closeSideBar', { withoutAnimation: false })
-      }
-    }
-  },
-  beforeMount() {
-    window.addEventListener('resize', this.$_resizeHandler)
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.$_resizeHandler)
-  },
-  mounted() {
-    const isMobile = this.$_isMobile()
-    if (isMobile) {
-      store.dispatch('app/toggleDevice', 'mobile')
-      store.dispatch('app/closeSideBar', { withoutAnimation: true })
-    }
-  },
-  methods: {
-    // use $_ for mixins properties
-    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
-    $_isMobile() {
-      const rect = body.getBoundingClientRect()
-      return rect.width - 1 < WIDTH
-    },
-    $_resizeHandler() {
-      if (!document.hidden) {
-        const isMobile = this.$_isMobile()
-        store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
-
-        if (isMobile) {
-          store.dispatch('app/closeSideBar', { withoutAnimation: true })
-        }
-      }
-    }
-  }
-}
diff --git a/web/vue.config.js b/web/vue.config.js
index b8b8e92f..a57af2d3 100644
--- a/web/vue.config.js
+++ b/web/vue.config.js
@@ -19,6 +19,7 @@ function getProxyTargetPort() {
 module.exports = {
   publicPath: './',
   outputDir: `./dist/${appType}`,
+  productionSourceMap: false,
   devServer: {
     host: '127.0.0.1',
     port: 8010,