elemnt-ui按需引入

babel.config.js

 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
+  "presets": [
+    "@vue/app"
+  ],
+  "plugins": [
+    [
+      "component",
+      {
+        "libraryName": "element-ui",
+        "styleLibraryName": "theme-chalk"
+      }
+    ]
   ]
-}
+}
\ No newline at end of file

package-lock.json

@@ -2263,6 +2263,38 @@
         "schema-utils": "^2.6.5"
       }
     },
+    "babel-plugin-component": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-component/-/babel-plugin-component-1.1.1.tgz",
+      "integrity": "sha512-WUw887kJf2GH80Ng/ZMctKZ511iamHNqPhd9uKo14yzisvV7Wt1EckIrb8oq/uCz3B3PpAW7Xfl7AkTLDYT6ag==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "7.0.0-beta.35"
+      },
+      "dependencies": {
+        "@babel/helper-module-imports": {
+          "version": "7.0.0-beta.35",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.0.0-beta.35.tgz",
+          "integrity": "sha512-vaC1KyIZSuyWb3Lj277fX0pxivyHwuDU4xZsofqgYAbkDxNieMg2vuhzP5AgMweMY7fCQUMTi+BgPqTLjkxXFg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "7.0.0-beta.35",
+            "lodash": "^4.2.0"
+          }
+        },
+        "@babel/types": {
+          "version": "7.0.0-beta.35",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.0.0-beta.35.tgz",
+          "integrity": "sha512-y9XT11CozHDgjWcTdxmhSj13rJVXpa5ZXwjjOiTedjaM0ba5ItqdS02t31EhPl7HtOWxsZkYCCUNrSfrOisA6w==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2",
+            "lodash": "^4.2.0",
+            "to-fast-properties": "^2.0.0"
+          }
+        }
+      }
+    },
     "babel-plugin-dynamic-import-node": {
       "version": "2.3.3",
       "resolved": "https://registry.npm.taobao.org/babel-plugin-dynamic-import-node/download/babel-plugin-dynamic-import-node-2.3.3.tgz",

package.json

@@ -22,6 +22,7 @@
     "@vue/cli-plugin-typescript": "~4.4.0",
     "@vue/cli-plugin-vuex": "~4.4.0",
     "@vue/cli-service": "~4.4.0",
+    "babel-plugin-component": "^1.1.1",
     "less-loader": "^6.2.0",
     "stylus": "^0.54.7",
     "stylus-loader": "^3.0.2",
@@ -33,4 +34,4 @@
     "last 2 versions",
     "not dead"
   ]
-}
\ No newline at end of file
+}

src/entry/refactoring/main.ts

@@ -3,14 +3,14 @@ import App from './App.vue';
 import router from './router';
 import axiosPlugin from './plugins/axios-plugin';
 import '../../plugins/element.js';
-import ElementUI from 'element-ui';
+// import ElementUI from 'element-ui';
 import store from './store';
 // import md5 from 'js-md5'
 // Vue.prototype.$md5 = md5
 // import vueTencentCaptcha from '@carpenter/vue-tencent-captcha';
 // import Gfilters from '@/utils/tool/filter';
 // Vue.use(vueTencentCaptcha);
-Vue.use(ElementUI);
+// Vue.use(ElementUI);
 Vue.use(axiosPlugin);
 Vue.config.productionTip = false;
 // Gfilters(Vue);

src/plugins/element.js

@@ -28,9 +28,11 @@ import {
     Cascader,
     Upload,
     Loading,
+    Checkbox
 } from 'element-ui';
 
 Vue.use(Button);
+Vue.use(Checkbox);
 Vue.use(Container);
 Vue.use(Header);
 Vue.use(Aside);