整合gin-vue-admin前端框架引入组合，减少main.js代码

package-lock.json

@@ -1,3 +1,6 @@
 {
-  "lockfileVersion": 1
+  "name": "gin-vue-admin",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
 }

package.json

@@ -0,0 +1 @@
+{}

web/src/core/element_lazy.js

@@ -0,0 +1,119 @@
+/*
+*
+* 按需加载element
+*
+*
+* */
+
+import Vue from 'vue'
+//  按需引入element
+import {
+    Button,
+    Select,
+    Dialog,
+    Form,
+    Input,
+    FormItem,
+    Option,
+    Loading,
+    Message,
+    Container,
+    Card,
+    Dropdown,
+    DropdownMenu,
+    DropdownItem,
+    Row,
+    Col,
+    Menu,
+    Submenu,
+    MenuItem,
+    Aside,
+    Main,
+    Badge,
+    Header,
+    Tabs,
+    Breadcrumb,
+    BreadcrumbItem,
+    Scrollbar,
+    Avatar,
+    TabPane,
+    Divider,
+    Table,
+    TableColumn,
+    Cascader,
+    Checkbox,
+    CheckboxGroup,
+    Pagination,
+    Tag,
+    Drawer,
+    Tree,
+    Popover,
+    Switch,
+    Collapse,
+    CollapseItem,
+    Tooltip,
+    DatePicker,
+    InputNumber,
+    Steps,
+    Upload,
+    Progress,
+    MessageBox,
+    Image
+} from 'element-ui'
+
+Vue.use(Button)
+Vue.use(Select)
+Vue.use(Dialog)
+Vue.use(Form)
+Vue.use(FormItem)
+Vue.use(Input)
+Vue.use(Option)
+Vue.use(Container)
+Vue.use(Card)
+Vue.use(Dropdown)
+Vue.use(DropdownMenu)
+Vue.use(DropdownItem)
+Vue.use(Row)
+Vue.use(Col)
+Vue.use(Menu)
+Vue.use(Submenu)
+Vue.use(MenuItem)
+Vue.use(Aside)
+Vue.use(Main)
+Vue.use(Badge)
+Vue.use(Header)
+Vue.use(Tabs)
+Vue.use(Breadcrumb)
+Vue.use(BreadcrumbItem)
+Vue.use(Avatar)
+Vue.use(TabPane)
+Vue.use(Divider)
+Vue.use(Table)
+Vue.use(TableColumn)
+Vue.use(Checkbox)
+Vue.use(Cascader)
+Vue.use(Tag)
+Vue.use(Pagination)
+Vue.use(Drawer)
+Vue.use(Tree)
+Vue.use(CheckboxGroup)
+Vue.use(Popover)
+Vue.use(InputNumber)
+Vue.use(Switch)
+Vue.use(Collapse)
+Vue.use(CollapseItem)
+Vue.use(Tooltip)
+Vue.use(DatePicker)
+Vue.use(Steps)
+Vue.use(Upload)
+Vue.use(Progress)
+Vue.use(Scrollbar)
+Vue.use(Loading.directive)
+Vue.use(Image)
+
+Vue.prototype.$loading = Loading.service
+Vue.prototype.$message = Message
+Vue.prototype.$confirm = MessageBox.confirm
+Dialog.props.closeOnClickModal.default = false
+
+console.warn('[GIN-VUE-ADMIN]--按需加载elementUI成功')

web/src/core/gin-vue-admin.js

@@ -0,0 +1,27 @@
+/*
+* gin-vue-admin web框架组
+*
+* */
+import Vue from 'vue'
+import './element_lazy'
+import uploader from 'vue-simple-uploader'
+import APlayer from '@moefe/vue-aplayer'
+// time line css
+import '../node_modules/timeline-vuejs/dist/timeline-vuejs.css'
+// 路由守卫
+import Bus from '@/utils/bus'
+Vue.use(Bus)
+Vue.use(APlayer, {
+    defaultCover: 'https://github.com/u3u.png',
+    productionTip: true
+})
+Vue.use(uploader)
+
+console.log(`
+   欢迎使用 Gin-Vue-Admin
+   当前版本:V2.4.2
+   加群方式:微信：shouzi_1994 QQ群：622360840
+   默认自动化文档地址:http://127.0.0.1:${process.env.VUE_APP_SERVER_PORT}/swagger/index.html
+   默认前端文件运行地址:http://127.0.0.1:${process.env.VUE_APP_CLI_PORT}
+   如果项目让您获得了收益，希望您能请团队喝杯可乐:https://www.gin-vue-admin.com/docs/coffee
+`)

web/src/main.js

@@ -1,155 +1,20 @@
 import Vue from 'vue'
 import App from './App.vue'
-
-//  按需引入element
-import {
-  Button,
-  Select,
-  Dialog,
-  Form,
-  Input,
-  FormItem,
-  Option,
-  Loading,
-  Message,
-  Container,
-  Card,
-  Dropdown,
-  DropdownMenu,
-  DropdownItem,
-  Row,
-  Col,
-  Menu,
-  Submenu,
-  MenuItem,
-  Aside,
-  Main,
-  Badge,
-  Header,
-  Tabs,
-  Breadcrumb,
-  BreadcrumbItem,
-  Scrollbar,
-  Avatar,
-  TabPane,
-  Divider,
-  Table,
-  TableColumn,
-  Cascader,
-  Checkbox,
-  CheckboxGroup,
-  Pagination,
-  Tag,
-  Drawer,
-  Tree,
-  Popover,
-  Switch,
-  Collapse,
-  CollapseItem,
-  Tooltip,
-  DatePicker,
-  InputNumber,
-  Steps,
-  Upload,
-  Progress,
-  MessageBox,
-  Image
-} from 'element-ui'
-
-Vue.use(Button)
-Vue.use(Select)
-Vue.use(Dialog)
-Vue.use(Form)
-Vue.use(FormItem)
-Vue.use(Input)
-Vue.use(Option)
-Vue.use(Container)
-Vue.use(Card)
-Vue.use(Dropdown)
-Vue.use(DropdownMenu)
-Vue.use(DropdownItem)
-Vue.use(Row)
-Vue.use(Col)
-Vue.use(Menu)
-Vue.use(Submenu)
-Vue.use(MenuItem)
-Vue.use(Aside)
-Vue.use(Main)
-Vue.use(Badge)
-Vue.use(Header)
-Vue.use(Tabs)
-Vue.use(Breadcrumb)
-Vue.use(BreadcrumbItem)
-Vue.use(Avatar)
-Vue.use(TabPane)
-Vue.use(Divider)
-Vue.use(Table)
-Vue.use(TableColumn)
-Vue.use(Checkbox)
-Vue.use(Cascader)
-Vue.use(Tag)
-Vue.use(Pagination)
-Vue.use(Drawer)
-Vue.use(Tree)
-Vue.use(CheckboxGroup)
-Vue.use(Popover)
-Vue.use(InputNumber)
-Vue.use(Switch)
-Vue.use(Collapse)
-Vue.use(CollapseItem)
-Vue.use(Tooltip)
-Vue.use(DatePicker)
-Vue.use(Steps)
-Vue.use(Upload)
-Vue.use(Progress)
-Vue.use(Scrollbar)
-Vue.use(Loading.directive)
-Vue.use(Image)
-
-Vue.prototype.$loading = Loading.service
-Vue.prototype.$message = Message
-Vue.prototype.$confirm = MessageBox.confirm
-Dialog.props.closeOnClickModal.default = false
-
+// 引入gin-vue-admin前端组件
+import './core/gin-vue-admin'
 // 引入封装的router
 import router from '@/router/index'
-
-// time line css
-import '../node_modules/timeline-vuejs/dist/timeline-vuejs.css'
-
 import '@/permission'
 import { store } from '@/store'
 Vue.config.productionTip = false
 
-// 路由守卫
-import Bus from '@/utils/bus'
-Vue.use(Bus)
-
-import APlayer from '@moefe/vue-aplayer'
-
-Vue.use(APlayer, {
-  defaultCover: 'https://github.com/u3u.png',
-  productionTip: true
-})
-
 import { auth } from '@/directive/auth'
 // 按钮权限指令
 auth(Vue)
 
-import uploader from 'vue-simple-uploader'
-Vue.use(uploader)
-
 export default new Vue({
   render: h => h(App),
   router,
   store
 }).$mount('#app')
 
-console.log(`
-       欢迎使用 Gin-Vue-Admin
-       当前版本:V2.4.2
-       加群方式:微信：shouzi_1994 QQ群：622360840
-       默认自动化文档地址:http://127.0.0.1:${process.env.VUE_APP_SERVER_PORT}/swagger/index.html
-       默认前端文件运行地址:http://127.0.0.1:${process.env.VUE_APP_CLI_PORT}
-       如果项目让您获得了收益，希望您能请团队喝杯可乐:https://www.gin-vue-admin.com/docs/coffee
-`)