update: 合并antd

Author: shangbin

package-lock.json

@@ -54,6 +54,7 @@
   },
   "devDependencies": {
     "@babel/generator": "^7.11.6",
+    "@rollup/plugin-dynamic-import-vars": "^1.4.1",
     "@vue/cli-plugin-babel": "^4.2.0",
     "@vue/cli-plugin-eslint": "^4.2.0",
     "@vue/cli-plugin-pwa": "^4.2.0",
@@ -63,11 +64,11 @@
     "eslint": "^6.7.2",
     "eslint-plugin-import": "^2.20.1",
     "eslint-plugin-vue": "^6.1.2",
+    "is-obj": "^3.0.0",
+    "is-regexp": "^3.0.0",
     "lint-staged": "^9.5.0",
     "sass": "^1.25.0",
-    "sass-loader": "^8.0.2",
-    "is-obj": "^3.0.0",
-    "is-regexp": "^3.0.0"
+    "sass-loader": "^8.0.2"
   },
   "eslintConfig": {
     "root": true,

package.json

@@ -0,0 +1,19 @@
+// 其它UI组件库应该在这里集成
+function loadVant() {
+  const vantLoadPromise = (() => import("vant"))();
+  (() => import("vant/lib/index.css"))();
+  vantLoadPromise.then((vantModule) => {
+    self.globalApp.use(vantModule);
+  });
+}
+
+function loadAntD() {
+  const vantLoadPromise = (() => import("ant-design-vue"))();
+  (() => import("ant-design-vue/dist/antd.css"))();
+  vantLoadPromise.then((vantModule) => {
+    self.globalApp.use(vantModule);
+  });
+}
+
+loadAntD();
+loadVant();

src/libs/UIComponentInit.js

@@ -8,17 +8,13 @@ import {
   Refresh,
   Minus,
 } from "@element-plus/icons";
-
 import "element-plus/dist/index.css";
-import APP from "./App.vue";
 
-import Antd from 'ant-design-vue';
-import 'ant-design-vue/dist/antd.css';
+import APP from "./App.vue";
 
 function createBaseApp(renderComponent = {}) {
   const app = createApp(renderComponent);
   app.use(ElementPlus);
-  app.use(Antd);
 
   app.component("question-filled", QuestionFilled);
   app.component("circle-plus", CirclePlus);
@@ -38,13 +34,4 @@ self.createBaseApp = createBaseApp;
 self.globalApp = globalApp; // 内部需要使用Vuex
 
 import("@/libs/store.js");
-
-function loadVant() {
-  const vantLoadPromise = (() => import("vant"))();
-  (() => import("vant/lib/index.css"))();
-  vantLoadPromise.then((vantModule) => {
-    self.globalApp.use(vantModule);
-  });
-}
-
-loadVant();
+import("@/libs/UIComponentInit.js");