vxeTable修改为按需加载

.babelrc

@@ -9,7 +9,11 @@
     }],
     "stage-2"
   ],
-  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "plugins": ["transform-vue-jsx", "transform-runtime", 
+    ["import", {
+    "libraryName": "vxe-table",
+    "style": true
+  }]],
   "env": {
     "development":{
       "plugins": ["dynamic-import-node"]

package.json

@@ -1,136 +1,137 @@
 {
-    "name": "dcuc-web-auth",
-    "version": "1.2.89",
-    "description": "",
-    "private": false,
-    "main": "lib/static/js/app.js",
-    "scripts": {
-        "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
-        "update:ui": "npm uninstall ui-component-v4&&npm install ui-component-v4",
-        "build": "cross-env NODE_ENV=production env_config=prod node build/build.js",
-        "theme": "gulp --gulpfile src/assets/gulpfile.js ",
-        "theme:watch": "gulp watching --gulpfile src/assets/gulpfile.js",
-        "theme:copyResources": "gulp copyResources --gulpfile src/assets/gulpfile.js",
-        "analyz": "cross-env NODE_ENV=production npm_config_report=true npm run build",
-        "merge": "gulp merge --gulpfile src/assets/gulpfile.js",
-        "deploy:base": "node deploy base",
-        "deploy:common": "node deploy common",
-        "install:ueditor": "node src/utils/installer",
-        "gen:fetchApis": "node ./mock/fetchApis.js",
-        "clean:node": "rimraf node_modules&&rimraf package-lock.json&&npm cache clean --force"
-    },
-    "publishConfig": {
-        "registry": "http://192.168.6.13:8082/repository/npm_ui"
-    },
-    "dependencies": {
-        "axios": "^0.18.0",
-        "babel-polyfill": "^6.26.0",
-        "dayjs": "^1.9.7",
-        "echarts": "^4.2.0-rc.2",
-        "gojs": "^2.0.15",
-        "html": "^1.0.0",
-        "ip": "^1.1.5",
-        "jquery": "^3.4.1",
-        "jquery.nicescroll": "^3.7.6",
-        "js-cookie": "^2.2.0",
-        "lodash": "^4.17.11",
-        "mockjs": "^1.1.0",
-        "moment": "^2.24.0",
-        "normalize.css": "^7.0.0",
-        "nprogress": "^0.2.0",
-        "path-to-regexp": "^3.0.0",
-        "pdfobject": "^2.1.1",
-        "postcss-salad": "^2.0.1",
-        "request": "^2.88.2",
-        "screenfull": "^4.0.0",
-        "ui-component-v4": "^1.2.19",
-        "ui-jz-v4-common": "^1.2.222",
-        "vue": "2.6.10",
-        "vue-codemirror": "^4.0.6",
-        "vue-count-to": "^1.0.13",
-        "vue-i18n": "^8.0.0",
-        "vue-loader": "^15.3.0",
-        "vue-router": "^3.0.1",
-        "vue-template-compiler": "2.6.10",
-        "vuebar": "^0.0.20",
-        "vuex": "^3.0.1",
-        "webpack-node-externals": "^2.5.2"
-    },
-    "devDependencies": {
-        "autoprefixer": "^8.5.0",
-        "babel-core": "^6.26.3",
-        "babel-eslint": "^8.2.6",
-        "babel-helper-vue-jsx-merge-props": "^2.0.3",
-        "babel-loader": "^7.1.5",
-        "babel-plugin-dynamic-import-node": "^2.0.0",
-        "babel-plugin-syntax-jsx": "^6.18.0",
-        "babel-plugin-transform-runtime": "^6.23.0",
-        "babel-plugin-transform-vue-jsx": "^3.7.0",
-        "babel-preset-env": "^1.7.0",
-        "babel-preset-stage-2": "^6.24.1",
-        "chalk": "^2.4.1",
-        "clean-webpack-plugin": "^2.0.1",
-        "compression-webpack-plugin": "^2.0.0",
-        "connect": "^3.6.6",
-        "copy-webpack-plugin": "^4.5.2",
-        "cross-env": "^5.2.0",
-        "css-loader": "1.0.0",
-        "element-ui": "^2.15.1",
-        "eslint": "^5.14.0",
-        "eslint-config-prettier": "^4.0.0",
-        "eslint-config-standard": "^12.0.0",
-        "eslint-plugin-html": "^5.0.0",
-        "eslint-plugin-import": "^2.16.0",
-        "eslint-plugin-node": "^8.0.1",
-        "eslint-plugin-prettier": "^3.0.1",
-        "eslint-plugin-promise": "^4.0.1",
-        "eslint-plugin-standard": "^4.0.0",
-        "eslint-plugin-vue": "^5.2.1",
-        "extract-text-webpack-plugin": "^4.0.0-beta.0",
-        "file-loader": "1.1.11",
-        "friendly-errors-webpack-plugin": "1.7.0",
-        "gulp": "^3.9.1",
-        "gulp-autoprefixer": "^4.0.0",
-        "gulp-cssmin": "^0.1.7",
-        "gulp-postcss": "^6.1.1",
-        "gulp-rename": "^0.2.2",
-        "gulp-replace": "^1.0.0",
-        "gulp-rev-collector": "^1.3.1",
-        "gulp-sass": "^3.1.0",
-        "html-webpack-plugin": "4.0.0-alpha",
-        "mini-css-extract-plugin": "^0.5.0",
-        "node-notifier": "^5.1.2",
-        "node-sass": "^4.13.0",
-        "optimize-css-assets-webpack-plugin": "^3.2.0",
-        "ora": "^1.2.0",
-        "portfinder": "^1.0.13",
-        "postcss-import": "11.1.0",
-        "postcss-loader": "2.1.6",
-        "postcss-url": "^7.2.1",
-        "raw-loader": "^1.0.0",
-        "rimraf": "^2.6.0",
-        "sass-loader": "^7.0.3",
-        "sass-resources-loader": "^2.0.0",
-        "script-ext-html-webpack-plugin": "^2.1.3",
-        "semver": "^5.3.0",
-        "shelljs": "^0.7.6",
-        "uglifyjs-webpack-plugin": "^1.3.0",
-        "url-loader": "^1.0.1",
-        "vue-infinite-scroll": "^2.0.2",
-        "vue-style-loader": "^4.1.2",
-        "webpack": "^4.29.5",
-        "webpack-bundle-analyzer": "^2.13.1",
-        "webpack-cli": "~3.1.2",
-        "webpack-dev-server": "~3.1.14",
-        "webpack-merge": "^4.1.4"
-    },
-    "engines": {
-        "node": ">= 6.0.0",
-        "npm": ">= 3.0.0"
-    },
-    "browserslist": [
-        "> 1%",
-        "last 2 versions",
-        "not ie <= 8"
-    ]
+  "name": "dcuc-web-auth",
+  "version": "1.2.89",
+  "description": "",
+  "private": false,
+  "main": "lib/static/js/app.js",
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "update:ui": "npm uninstall ui-component-v4&&npm install ui-component-v4",
+    "build": "cross-env NODE_ENV=production env_config=prod node build/build.js",
+    "theme": "gulp --gulpfile src/assets/gulpfile.js ",
+    "theme:watch": "gulp watching --gulpfile src/assets/gulpfile.js",
+    "theme:copyResources": "gulp copyResources --gulpfile src/assets/gulpfile.js",
+    "analyz": "cross-env NODE_ENV=production npm_config_report=true npm run build",
+    "merge": "gulp merge --gulpfile src/assets/gulpfile.js",
+    "deploy:base": "node deploy base",
+    "deploy:common": "node deploy common",
+    "install:ueditor": "node src/utils/installer",
+    "gen:fetchApis": "node ./mock/fetchApis.js",
+    "clean:node": "rimraf node_modules&&rimraf package-lock.json&&npm cache clean --force"
+  },
+  "publishConfig": {
+    "registry": "http://192.168.6.13:8082/repository/npm_ui"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "babel-polyfill": "^6.26.0",
+    "dayjs": "^1.9.7",
+    "echarts": "^4.2.0-rc.2",
+    "gojs": "^2.0.15",
+    "html": "^1.0.0",
+    "ip": "^1.1.5",
+    "jquery": "^3.4.1",
+    "jquery.nicescroll": "^3.7.6",
+    "js-cookie": "^2.2.0",
+    "lodash": "^4.17.11",
+    "mockjs": "^1.1.0",
+    "moment": "^2.24.0",
+    "normalize.css": "^7.0.0",
+    "nprogress": "^0.2.0",
+    "path-to-regexp": "^3.0.0",
+    "pdfobject": "^2.1.1",
+    "postcss-salad": "^2.0.1",
+    "request": "^2.88.2",
+    "screenfull": "^4.0.0",
+    "ui-component-v4": "^1.2.19",
+    "ui-jz-v4-common": "^1.2.222",
+    "vue": "2.6.10",
+    "vue-codemirror": "^4.0.6",
+    "vue-count-to": "^1.0.13",
+    "vue-i18n": "^8.0.0",
+    "vue-loader": "^15.3.0",
+    "vue-router": "^3.0.1",
+    "vue-template-compiler": "2.6.10",
+    "vuebar": "^0.0.20",
+    "vuex": "^3.0.1",
+    "webpack-node-externals": "^2.5.2"
+  },
+  "devDependencies": {
+    "autoprefixer": "^8.5.0",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^8.2.6",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.5",
+    "babel-plugin-dynamic-import-node": "^2.0.0",
+    "babel-plugin-import": "^1.13.3",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-stage-2": "^6.24.1",
+    "chalk": "^2.4.1",
+    "clean-webpack-plugin": "^2.0.1",
+    "compression-webpack-plugin": "^2.0.0",
+    "connect": "^3.6.6",
+    "copy-webpack-plugin": "^4.5.2",
+    "cross-env": "^5.2.0",
+    "css-loader": "1.0.0",
+    "element-ui": "^2.15.1",
+    "eslint": "^5.14.0",
+    "eslint-config-prettier": "^4.0.0",
+    "eslint-config-standard": "^12.0.0",
+    "eslint-plugin-html": "^5.0.0",
+    "eslint-plugin-import": "^2.16.0",
+    "eslint-plugin-node": "^8.0.1",
+    "eslint-plugin-prettier": "^3.0.1",
+    "eslint-plugin-promise": "^4.0.1",
+    "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^5.2.1",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "file-loader": "1.1.11",
+    "friendly-errors-webpack-plugin": "1.7.0",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^4.0.0",
+    "gulp-cssmin": "^0.1.7",
+    "gulp-postcss": "^6.1.1",
+    "gulp-rename": "^0.2.2",
+    "gulp-replace": "^1.0.0",
+    "gulp-rev-collector": "^1.3.1",
+    "gulp-sass": "^3.1.0",
+    "html-webpack-plugin": "4.0.0-alpha",
+    "mini-css-extract-plugin": "^0.5.0",
+    "node-notifier": "^5.1.2",
+    "node-sass": "^4.13.0",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "ora": "^1.2.0",
+    "portfinder": "^1.0.13",
+    "postcss-import": "11.1.0",
+    "postcss-loader": "2.1.6",
+    "postcss-url": "^7.2.1",
+    "raw-loader": "^1.0.0",
+    "rimraf": "^2.6.0",
+    "sass-loader": "^7.0.3",
+    "sass-resources-loader": "^2.0.0",
+    "script-ext-html-webpack-plugin": "^2.1.3",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "uglifyjs-webpack-plugin": "^1.3.0",
+    "url-loader": "^1.0.1",
+    "vue-infinite-scroll": "^2.0.2",
+    "vue-style-loader": "^4.1.2",
+    "webpack": "^4.29.5",
+    "webpack-bundle-analyzer": "^2.13.1",
+    "webpack-cli": "~3.1.2",
+    "webpack-dev-server": "~3.1.14",
+    "webpack-merge": "^4.1.4"
+  },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
 }

src/main.js

@@ -45,9 +45,9 @@ if (!process.env.IS_BASE_PACKAGE) {
     utils = require("@/utils").default;
 } else {
     // 引入路由权限控制
-    if(process.env.NEED_LOGIN) {
+    if (process.env.NEED_LOGIN) {
        require("@/router/dcuc_permission.js");      
-    }else {
+    } else {
         require("@/router/lxr_permission.js");  
     }
     // 全局引入 封装的组件
@@ -70,10 +70,16 @@ import UiComponentV4 from "ui-component-v4";
 import directives from "@/directive";
 
 import 'xe-utils'
-import VXETable from 'vxe-table'
+// import VXETable from 'vxe-table'
 // import 'vxe-table/lib/style.css'
+import { VXETable, Table, Column, header, Grid, Icon } from 'vxe-table'
 
 Vue.use(VXETable)
+Vue.use(Icon)
+Vue.use(Table)
+Vue.use(Column)
+Vue.use(header)
+Vue.use(Grid)
 
 Vue.use(ElementUI, {
     i18n: (key, value) => i18n.t(key, value)