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)}