ant-design-vue 按需加载打包

package.json

@@ -34,6 +34,7 @@
     "postcss": "^8.3.5",
     "typescript": "^4.3.5",
     "vite": "^2.4.2",
+    "vite-plugin-components": "^0.12.2",
     "vue-tsc": "^0.0.24"
   },
   "vetur": {

src/main.ts

@@ -4,8 +4,8 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import router from "@/router";
 import filters from "@/filters";
-import Antd from "ant-design-vue";
-import "ant-design-vue/dist/antd.css";
+// import Antd from "ant-design-vue";
+// import "ant-design-vue/dist/antd.css";
 import QmButton from "@/components/QmButton.vue";
 import QmDialog from "@/components/QmDialog.vue";
 
@@ -13,7 +13,7 @@ import QmDialog from "@/components/QmDialog.vue";
 // console.log(import.meta.env.DEV);
 const app = createApp(App);
 app.use(router);
-app.use(Antd);
+// app.use(Antd);
 app.config.globalProperties.$filters = filters;
 
 app.component("qm-button", QmButton);

vite.config.ts

@@ -1,11 +1,17 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import ViteComponents, { AntDesignVueResolver } from "vite-plugin-components";
 
 const path = require("path");
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    ViteComponents({
+      customComponentResolvers: [AntDesignVueResolver()],
+    }),
+  ],
   server: {
     port: 9000,
     // strictPort: true,

yarn.lock

@@ -586,6 +586,13 @@ custom-cursor.js@^1.3.6:
   resolved "https://registry.nlark.com/custom-cursor.js/download/custom-cursor.js-1.3.6.tgz#95c05fbbecac134e12c65a488cc8f952300014d6"
   integrity sha1-lcBfu+ysE04SxlpIjMj5UjAAFNY=
 
+debug@^4.3.2:
+  version "4.3.2"
+  resolved "https://registry.nlark.com/debug/download/debug-4.3.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdebug%2Fdownload%2Fdebug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+  integrity sha1-8KScGKyHeeMdSgxgKd+3aHPHQos=
+  dependencies:
+    ms "2.1.2"
+
 defined@^1.0.0:
   version "1.0.0"
   resolved "https://registry.nlark.com/defined/download/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
@@ -676,6 +683,17 @@ fast-glob@^3.2.5:
     micromatch "^4.0.2"
     picomatch "^2.2.1"
 
+fast-glob@^3.2.6:
+  version "3.2.7"
+  resolved "https://registry.nlark.com/fast-glob/download/fast-glob-3.2.7.tgz#fd6cb7a2d7e9aa7a7846111e85a196d6b2f766a1"
+  integrity sha1-/Wy3otfpqnp4RhEehaGW1rL3ZqE=
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fastq@^1.6.0:
   version "1.11.0"
   resolved "https://registry.npm.taobao.org/fastq/download/fastq-1.11.0.tgz#bb9fb955a07130a918eb63c1f5161cc32a5d0858"
@@ -741,7 +759,7 @@ generic-names@^2.0.1:
   dependencies:
     loader-utils "^1.1.0"
 
-glob-parent@^5.1.0, glob-parent@~5.1.2:
+glob-parent@^5.1.0, glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.nlark.com/glob-parent/download/glob-parent-5.1.2.tgz?cache=0&sync_timestamp=1620073245729&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha1-hpgyxYA0/mikCTwX3BXoNA2EAcQ=
@@ -1008,7 +1026,7 @@ merge2@^1.3.0:
   resolved "https://registry.npm.taobao.org/merge2/download/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha1-Q2iJL4hekHRVpv19xVwMnUBJkK4=
 
-micromatch@^4.0.2:
+micromatch@^4.0.2, micromatch@^4.0.4:
   version "4.0.4"
   resolved "https://registry.npm.taobao.org/micromatch/download/micromatch-4.0.4.tgz?cache=0&sync_timestamp=1618054885525&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmicromatch%2Fdownload%2Fmicromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
   integrity sha1-iW1Rnf6dsl/OlM63pQCRm/iB6/k=
@@ -1045,6 +1063,11 @@ moment@^2.27.0, moment@^2.29.1:
   resolved "https://registry.npm.taobao.org/moment/download/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
   integrity sha1-sr52n6MZQL6e7qZGnAdeNQBvo9M=
 
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&sync_timestamp=1607433912031&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=
+
 nanoid@^3.1.23:
   version "3.1.23"
   resolved "https://registry.nlark.com/nanoid/download/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
@@ -1519,6 +1542,16 @@ viewerjs@^1.10.0:
   resolved "https://registry.nlark.com/viewerjs/download/viewerjs-1.10.0.tgz#6dcd693b548dd6d7c8371b193136d1eae180621f"
   integrity sha1-bc1pO1SN1tfINxsZMTbR6uGAYh8=
 
+vite-plugin-components@^0.12.2:
+  version "0.12.2"
+  resolved "https://registry.nlark.com/vite-plugin-components/download/vite-plugin-components-0.12.2.tgz#3afc97772cfad0bd61aa709924bf06e12abe9cf1"
+  integrity sha1-OvyXdyz60L1hqnCZJL8G4Sq+nPE=
+  dependencies:
+    debug "^4.3.2"
+    fast-glob "^3.2.6"
+    magic-string "^0.25.7"
+    minimatch "^3.0.4"
+
 vite@^2.4.2:
   version "2.4.2"
   resolved "https://registry.nlark.com/vite/download/vite-2.4.2.tgz#07d00615775c808530bc9f65641062b349b67929"