From b4be171028a27ee46a01ae4941e9fed9c9fa466a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Sep 2021 15:55:08 +0800
Subject: [PATCH] perf: dynamic import demo file

---
 .../vant-cli/src/compiler/gen-site-mobile-shared.ts  | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
index f38a90443..c62de307f 100644
--- a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
+++ b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
@@ -17,17 +17,17 @@ type DemoItem = {
 };
 
 function genInstall() {
-  return `import packageEntry from './package-entry';
+  return `import { defineAsyncComponent } from 'vue';
 import './package-style.less';
 `;
 }
 
 function genImports(demos: DemoItem[]) {
   return demos
-    .map(
-      (item) =>
-        `import ${item.name} from '${removeExt(normalizePath(item.path))}';`
-    )
+    .map((item) => {
+      const path = removeExt(normalizePath(item.path));
+      return `const ${item.name} = defineAsyncComponent(() => import('${path}'))`;
+    })
     .join('\n');
 }
 
@@ -82,8 +82,6 @@ function genCode(components: string[]) {
   return `${genInstall()}
 ${genImports(demos)}
 
-export { packageEntry };
-
 ${getSetName(demos)}
 
 ${genExports(demos)}