main.js 优化

Former-commit-id: 4cb1e9af0b08ebfbf97efd5e2e7a2cb819a332b9 [formerly 4cb1e9af0b08ebfbf97efd5e2e7a2cb819a332b9 [formerly 4cb1e9af0b08ebfbf97efd5e2e7a2cb819a332b9 [formerly 4cb1e9af0b08ebfbf97efd5e2e7a2cb819a332b9 [formerly e254bcf3cdf2b40e948a23b2370885a464905c0f [formerly 01d986b56c31f8aa8ee4e13e241b9ba426fe00b7]]]]]
Former-commit-id: 097fc55d7db9b7e3ce96ca23c951395212ea71be
Former-commit-id: 621fcd5324b359e14ecdcf88e64e1c3084cf43b8
Former-commit-id: 457be02fce559b89a8ecb74a91f90830df18a6ea [formerly 441f492cf8dbeb06ec5f07a02d7876ab61ed71f3]
Former-commit-id: dae57059054ebc568b9f3f7ca59efb0490f931d8
Former-commit-id: 10a164b8be9abec52e079112495712a6f0eda3c0
Former-commit-id: 843d70343d6ed0952e9cb6ff436279f2135d9698
Former-commit-id: d11cf0cc370bbdf1ff51bb3e61054c3cc0895570
Former-commit-id: 21392111c54dc42027d2180e5ea6d2f09f1fb750

src/main.js

@@ -1,40 +1,33 @@
+// polyfill
 import 'babel-polyfill'
+// Vue
 import Vue from 'vue'
 import App from './App'
-import 'flex.css'
+// store
-import ElementUI from 'element-ui'
+import store from '@/store/index'
-import 'element-ui/lib/theme-chalk/index.css'
+// 模拟数据
+import '@/mock'
+// 图表
 import VCharts from 'v-charts'
+// 右键菜单
 import contentmenu from 'v-contextmenu'
 import 'v-contextmenu/dist/index.css'
+// JSON 树状视图
 import vueJsonTreeView from 'vue-json-tree-view'
+// 多国语
 import i18n from './i18n'
-import store from '@/store/index'
+// 核心插件
-import '@/assets/svg-icons'
+import d2Admin from '@/plugin/d2admin'
-import '@/components'
-import '@/mock'
-import '@/plugin/axios'
-import pluginLog from '@/plugin/log'
-import pluginOpen from '@/plugin/open'
-import pluginD2Admin from '@/plugin/d2admin'
-import pluginError from '@/plugin/error'
-import pluginImport from '@/plugin/import'
-import pluginExport from '@/plugin/export'
-
 // 菜单和路由设置
 import router from './router'
 import { menuHeader, menuAside } from '@/menu'
 import { frameInRoutes } from '@/router/routes'
 
-Vue.use(ElementUI)
+// 核心插件
+Vue.use(d2Admin)
+// 可选第三方插件
 Vue.use(VCharts)
 Vue.use(contentmenu)
-Vue.use(pluginLog)
-Vue.use(pluginOpen)
-Vue.use(pluginD2Admin)
-Vue.use(pluginError)
-Vue.use(pluginImport)
-Vue.use(pluginExport)
 Vue.use(vueJsonTreeView)
 
 new Vue({

src/plugin/axios/index.js

@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import axios from 'axios'
 
 axios.interceptors.response.use(res => {
@@ -7,4 +6,8 @@ axios.interceptors.response.use(res => {
   return Promise.reject(err)
 })
 
-Vue.prototype.$axios = axios
+export default {
+  install (Vue, options) {
+    Vue.prototype.$axios = axios
+  }
+}

src/plugin/d2admin/index.js

@@ -1,5 +1,31 @@
+// Element
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+// flex 布局库
+import 'flex.css'
+// 组件
+import '@/components'
+// svg 图标
+import '@/assets/svg-icons'
+// 功能插件
+import pluginAxios from '@/plugin/axios'
+import pluginLog from '@/plugin/log'
+import pluginOpen from '@/plugin/open'
+import pluginError from '@/plugin/error'
+import pluginImport from '@/plugin/import'
+import pluginExport from '@/plugin/export'
+
 export default {
   install (Vue, options) {
+    // Element
+    Vue.use(ElementUI)
+    // 插件
+    Vue.use(pluginLog)
+    Vue.use(pluginOpen)
+    Vue.use(pluginAxios)
+    Vue.use(pluginError)
+    Vue.use(pluginImport)
+    Vue.use(pluginExport)
     // 设置为 false 以阻止 vue 在启动时生成生产提示。
     // https://cn.vuejs.org/v2/api/#productionTip
     Vue.config.productionTip = false